usbharu
/
misskey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update MkDrive.vue

This commit is contained in:
syuilo 2025-05-10 15:40:46 +09:00
parent 796b0c3706
commit 9d6eb954b7
1 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
packages/frontend/src/components/MkDrive.vue
View File

@ -45,30 +45,30 @@ SPDX-License-Identifier: AGPL-3.0-only
@contextmenu.stop="onContextmenu" @contextmenu.stop="onContextmenu"
> >
<MkInfo v-if="!store.r.readDriveTip.value" closable @close="closeTip()"><div v-html="i18n.ts.driveAboutTip"></div></MkInfo> <MkInfo v-if="!store.r.readDriveTip.value" closable @close="closeTip()"><div v-html="i18n.ts.driveAboutTip"></div></MkInfo>
<div v-show="foldersPaginator.items.value.length > 0" ref="foldersContainer" :class="$style.folders"> <div v-show="foldersPaginator.items.value.length > 0">
<XFolder <div :class="$style.folders">
v-for="(f, i) in foldersPaginator.items.value" <XFolder
:key="f.id" v-for="(f, i) in foldersPaginator.items.value"
v-anim="i" :key="f.id"
:class="$style.folder" v-anim="i"
:folder="f" :class="$style.folder"
:selectMode="select === 'folder'" :folder="f"
:isSelected="selectedFolders.some(x => x.id === f.id)" :selectMode="select === 'folder'"
@chosen="chooseFolder" :isSelected="selectedFolders.some(x => x.id === f.id)"
@unchose="unchoseFolder" @chosen="chooseFolder"
@move="move" @unchose="unchoseFolder"
@upload="upload" @move="move"
@removeFile="removeFile" @upload="upload"
@removeFolder="removeFolder" @removeFile="removeFile"
@dragstart="isDragSource = true" @removeFolder="removeFolder"
@dragend="isDragSource = false" @dragstart="isDragSource = true"
/> @dragend="isDragSource = false"
<!-- SEE: https://stackoverflow.com/questions/18744164/flex-box-align-last-row-to-grid --> />
<div v-for="(n, i) in 16" :key="i" :class="$style.padding"></div> </div>
<MkButton v-if="foldersPaginator.canFetchOlder" ref="moreFolders" @click="foldersPaginator.fetchOlder()">{{ i18n.ts.loadMore }}</MkButton> <MkButton v-if="foldersPaginator.canFetchOlder" primary rounded @click="foldersPaginator.fetchOlder()">{{ i18n.ts.loadMore }}</MkButton>
</div> </div>
<div v-show="filesPaginator.items.value.length > 0" ref="filesContainer"> <div v-show="filesPaginator.items.value.length > 0">
<MkStickyContainer v-for="(item, i) in filesTimeline" :key="item.date.toISOString()"> <MkStickyContainer v-for="(item, i) in filesTimeline" :key="item.date.toISOString()">
<template #header> <template #header>
<div :class="$style.date"> <div :class="$style.date">
@ -90,7 +90,7 @@ SPDX-License-Identifier: AGPL-3.0-only
/> />
</div> </div>
</MkStickyContainer> </MkStickyContainer>
<MkButton v-show="filesPaginator.canFetchOlder" ref="loadMoreFiles" @click="filesPaginator.fetchOlder()">{{ i18n.ts.loadMore }}</MkButton> <MkButton v-show="filesPaginator.canFetchOlder" primary rounded @click="filesPaginator.fetchOlder()">{{ i18n.ts.loadMore }}</MkButton>
</div> </div>
<div v-if="filesPaginator.items.value.length == 0 && foldersPaginator.items.value.length == 0 && !fetching" :class="$style.empty"> <div v-if="filesPaginator.items.value.length == 0 && foldersPaginator.items.value.length == 0 && !fetching" :class="$style.empty">