KAZ/webtransfer
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

encore du css

Browse Source
This commit is contained in:
GMrrc 2024-11-29 14:57:34 +01:00
parent 437891a9b8
commit c39233ceb7
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/FileTable.vue
View File

@ -2,18 +2,18 @@
<div class="h-full"> <div class="h-full">
<!-- Boutons pour fichiers :thumbsup: --> <!-- Boutons pour fichiers :thumbsup: -->
<div class="flex flex-row gap-2 p-2"> <div class="flex flex-row gap-2 p-2">
<div <button
:class="getClassButton('default')" :class="getClassButton('default')"
@click="changeTab('default')" @click="changeTab('default')"
> >
Tous les fichiers Tous les fichiers
</div> </button>
<div <button
:class="getClassButton('favorites')" :class="getClassButton('favorites')"
@click="changeTab('favorites')" @click="changeTab('favorites')"
> >
Favoris Favoris
</div> </button>
</div> </div>
<div class="flex flex-col h-full w-full border"> <div class="flex flex-col h-full w-full border">
@ -71,7 +71,7 @@
<!-- Contenu --> <!-- Contenu -->
<div :class="[ <div :class="[
'overflow-y-auto h-full rounded-xl', 'overflow-y-auto h-full mb-14 rounded-xl',
isDragging && isDroppable ? 'border-green-500 border-4 border-dashed transition-all ease-in-out' : isDragging && isDroppable ? 'border-green-500 border-4 border-dashed transition-all ease-in-out' :
isDragging && !isDroppable ? 'border-red-500 border-4 border-dashed transition-all ease-in-out !cursor-no-drop' : '' isDragging && !isDroppable ? 'border-red-500 border-4 border-dashed transition-all ease-in-out !cursor-no-drop' : ''
]" @drop.prevent="onDrop" @dragover.prevent="onDragOver" @dragenter.prevent="onDragEnter" ]" @drop.prevent="onDrop" @dragover.prevent="onDragOver" @dragenter.prevent="onDragEnter"
@ -637,12 +637,12 @@ export default {
this.closeFileExistsDialog(); this.closeFileExistsDialog();
}, },
getClassButton(name) { getClassButton(name) {
let cssStyle = "flex h-12 w-32 text-sm py-2 transition-colors font-medium border-r last:border-r-0 justify-center items-center"; let cssStyle;
if(this.currentTab === name) { if(this.currentTab === name) {
cssStyle += ' bg-blue-400 text-white'; cssStyle = ' !bg-NcBlue/30';
} else { } else {
cssStyle += ' hover:bg-gray-100 text-gray-700 bg-gray-300'; cssStyle = '';
} }
return cssStyle; return cssStyle;