puniko/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 {
width: 110px;
height: 110px;
width: 8em;
height: 8em;
margin: auto;
}

5
packages/client/src/components/drive.folder.vue
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 */

10
packages/client/src/components/drive.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 {