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

client: center drive loading ui

Browse source
This commit is contained in:
Johann150 2023-03-26 10:10:11 +02:00
parent 7401a0b400
commit aac6a93bae
Signed by untrusted user: Johann150
GPG key ID: 9EE6577A2A06F8F1
1 changed files with 32 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -38,7 +38,6 @@
<MkPagination <MkPagination
ref="paginationElem" ref="paginationElem"
:pagination="pagination" :pagination="pagination"
class="contents"
> >
<template #empty> <template #empty>
<p v-if="folder == null" class="empty"><strong>{{ i18n.ts.emptyDrive }}</strong></p> <p v-if="folder == null" class="empty"><strong>{{ i18n.ts.emptyDrive }}</strong></p>
@ -46,6 +45,7 @@
</template> </template>
<template #default="{ items }"> <template #default="{ items }">
<div class="contents">
<template v-for="(f, i) in items"> <template v-for="(f, i) in items">
<XFile <XFile
v-if="'size' in f" v-if="'size' in f"
@ -74,6 +74,7 @@
@dragend="isDragSource = false" @dragend="isDragSource = false"
/> />
</template> </template>
</div>
</template> </template>
</MkPagination> </MkPagination>
</div> </div>
@ -631,13 +632,13 @@ onBeforeUnmount(() => {
height: calc(100% - 38px - 100px); height: calc(100% - 38px - 100px);
} }
> .contents { .contents {
display: grid; display: grid;
grid-template-columns: repeat(5, 1fr); grid-template-columns: repeat(5, 1fr);
gap: .5em; gap: .5em;
} }
> .empty { .empty {
padding: 16px; padding: 16px;
text-align: center; text-align: center;
pointer-events: none; pointer-events: none;