xinyin025/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-07-20 19:46:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update menu ui

Browse Source
This commit is contained in:
tim
2025-07-14 15:00:19 +08:00
parent 5e9c5d2110
commit 1788774a07
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
open-isle-cli/src/components/MenuComponent.vue
+8 -1
View File
@@ -54,7 +54,7 @@
<div v-else v-for="t in tags" :key="t.id" class="section-item" @click="gotoTag(t)"> <div v-else v-for="t in tags" :key="t.id" class="section-item" @click="gotoTag(t)">
<img v-if="isImageIcon(t.smallIcon || t.icon)" :src="t.smallIcon || t.icon" class="section-item-icon" /> <img v-if="isImageIcon(t.smallIcon || t.icon)" :src="t.smallIcon || t.icon" class="section-item-icon" />
<i v-else class="section-item-icon fas fa-hashtag"></i> <i v-else class="section-item-icon fas fa-hashtag"></i>
<span class="section-item-text">{{ t.name }} ({{ t.count }})</span> <span class="section-item-text">{{ t.name }} <span class="section-item-text-count">x {{ t.count }}</span></span>
</div> </div>
</div> </div>
</div> </div>
@@ -289,6 +289,13 @@ export default {
background-color: var(--menu-selected-background-color); background-color: var(--menu-selected-background-color);
} }
.section-item-text-count {
font-size: 12px;
color: var(--menu-text-color);
opacity: 0.5;
font-weight: bold;
}
.section-item-text { .section-item-text {
color: var(--menu-text-color); color: var(--menu-text-color);
} }