client: center drive loading ui

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

View file

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