client: make drive desgin more responsive

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

View file

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

View file

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

View file

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