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

client: make drive desgin more responsive

Browse source
This commit is contained in:
Johann150 2023-04-02 18:19:12 +02:00
parent 8c690622a1
commit 6d63a5321f
Signed by untrusted user: Johann150
GPG key ID: 9EE6577A2A06F8F1
3 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -318,8 +318,8 @@ async function deleteFile(): Promise<void> {
} }
> .thumbnail { > .thumbnail {
width: 110px; width: 8em;
height: 110px; height: 8em;
margin: auto; margin: auto;
} }

5
packages/client/src/components/drive.folder.vue
View file

@ -259,8 +259,9 @@ function onContextmenu(ev: MouseEvent) {
} }
> .thumbnail { > .thumbnail {
width: 110px; /* same style as drive.file.vue */
height: 110px; width: 8em;
height: 8em;
margin: auto; margin: auto;
/* same style as drive-file-thumbnail.vue */ /* same style as drive-file-thumbnail.vue */

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

@ -610,9 +610,13 @@ onBeforeUnmount(() => {
} }
.contents { .contents {
display: grid; display: flex;
grid-template-columns: repeat(5, 1fr); flex: row wrap;
gap: .5em;
> * {
width: 8em;
margin: var(--margin);
}
} }
.empty { .empty {