FoundKeyGang/FoundKey
FoundKeyGang/FoundKey
7
19
Fork 22
Code Issues 37 Pull requests 4 Releases Activity

client: make drive desgin more responsive
All checks were successful
ci/woodpecker/push/lint-foundkey-js Pipeline was successful
Details
ci/woodpecker/push/lint-backend Pipeline was successful
Details
ci/woodpecker/push/lint-client Pipeline was successful
Details
ci/woodpecker/push/build Pipeline was successful
Details
ci/woodpecker/push/lint-sw Pipeline was successful
Details
ci/woodpecker/push/test Pipeline was successful
Details

Browse source
This commit is contained in:
Johann150 2023-04-02 18:19:12 +02:00
parent 8c690622a1
commit 6d63a5321f
Signed by: 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 {