imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Files: change file's icon come from Google front icon.

Browse Source
This commit is contained in:
chiayin
2023-04-28 09:27:28 +08:00
parent ab8708a597
commit e142787832
3 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/Files/index.vue
View File

@@ -6,12 +6,12 @@
<!-- card group 最多六個-->
<ul class="flex justify-start items-center gap-4 overflow-x-auto w-full h-[192px] scrollbar whitespace-nowrap pb-4">
<!-- card item v-for -->
<li class="min-w-[216px] h-[168px] p-4 border rounded border-neutral-300 hover:text-primary hover:bg-primary/50 hover:border-primary duration-300
<li class="min-w-[216px] h-[168px] p-4 border rounded border-neutral-300 hover:bg-primary/10 hover:border-primary duration-300
flex flex-col justify-between cursor-pointer" v-for="(file, index) in recentlyUsedFiles.slice(0, 6)" :key="file.id" @dblclick="enterDiscover(file)">
<div>
<figure class="mb-2">
<IconDataFormat class="w-8 h-8 hover:fill-primary"></IconDataFormat>
</figure>
<span class="material-symbols-outlined mb-2 text-[32px] block">
{{ file.icon }}
</span>
<h3 class="text-sm font-medium mb-2">
{{ file.name }}
</h3>
@@ -49,12 +49,12 @@
</div>
<!-- All Files type of grid -->
<ul class="flex justify-start items-start gap-4 flex-wrap overflow-y-scroll overflow-x-hidden max-h-[calc(100vh_-_480px)] scrollbar" v-else>
<li class="w-[216px] h-[168px] p-4 border rounded border-neutral-300 hover:text-primary hover:bg-primary/50 hover:border-primary duration-300 flex flex-col justify-between cursor-pointer"
<li class="w-[216px] h-[168px] p-4 border rounded border-neutral-300 hover:bg-primary/10 hover:border-primary duration-300 flex flex-col justify-between cursor-pointer"
v-for="(file, index) in allFiles" :key="file.id" @dblclick="enterDiscover(file)">
<div>
<figure class="mb-2">
<IconDataFormat class="w-8 h-8 hover:fill-primary"></IconDataFormat>
</figure>
<span class="material-symbols-outlined mb-2 text-[32px] block">
{{ file.icon }}
</span>
<h3 class="text-sm font-medium mb-2">
{{ file.name }}
</h3>

1
src/views/MainContainer.vue
View File

@@ -59,6 +59,7 @@ export default {
this.checkLogin();
},
beforeRouteUpdate(to, from, next) {
// 離開 Discover 頁時判斷是否有無資料和需要存檔
if (from.name === 'Discover' && this.tempFilterId) {
leaveFilter(next, this.allMapDataStore.addFilterId)
} else {