helene/FoundKey
2
0
Fork 0
forked from FoundKeyGang/FoundKey
Code Issues Pull requests Projects Releases Packages Wiki Activity

client: drive uses grid instead of flexbox

Browse source
This commit is contained in:
Johann150 2022-12-22 18:55:06 +01:00
parent c983c4860c
commit f7c4107ca4
Signed by untrusted user: Johann150
GPG key ID: 9EE6577A2A06F8F1
1 changed files with 3 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
packages/client/src/components/drive.vue
View file

@ -51,7 +51,6 @@
v-if="'size' in f" v-if="'size' in f"
:key="f.id" :key="f.id"
v-anim="i" v-anim="i"
class="item"
:file="f" :file="f"
:select-mode="select === 'file'" :select-mode="select === 'file'"
:is-selected="selectedFiles.some(x => x.id === f.id)" :is-selected="selectedFiles.some(x => x.id === f.id)"
@ -63,7 +62,6 @@
v-else v-else
:key="f.id" :key="f.id"
v-anim="i" v-anim="i"
class="item"
:folder="f" :folder="f"
:select-mode="select === 'folder'" :select-mode="select === 'folder'"
:is-selected="selectedFolders.some(x => x.id === f.id)" :is-selected="selectedFolders.some(x => x.id === f.id)"
@ -621,15 +619,9 @@ onBeforeUnmount(() => {
} }
> .contents { > .contents {
display: flex; display: grid;
flex-wrap: wrap; grid-template-columns: repeat(5, 1fr);
gap: .5em;
> .item {
flex-grow: 1;
width: 128px;
margin: 4px;
box-sizing: border-box;
}
} }
> .empty { > .empty {