forked from FoundKeyGang/FoundKey
client: make drive desgin more responsive
This commit is contained in:
parent
8c690622a1
commit
6d63a5321f
3 changed files with 12 additions and 7 deletions
|
@ -318,8 +318,8 @@ async function deleteFile(): Promise<void> {
|
|||
}
|
||||
|
||||
> .thumbnail {
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
width: 8em;
|
||||
height: 8em;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
|
|
@ -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 */
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue