Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-15 09:48:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

⚡️ 调整部分 ui

Browse Source
This commit is contained in:
BTMuli
2023-11-18 00:28:12 +08:00
parent 6ca5de28ac
commit 1d09f4817b
6 changed files with 58 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/common/Achievements.vue
View File

@@ -28,7 +28,7 @@
<div class="version-icon-series">v{{ series.version }}</div>
<v-list-item>
<template #prepend>
<v-img width="40px" style="margin-right: 10px" :src="getIcon(series.id)" />
<v-img class="series-icon" :src="getIcon(series.id)" />
</template>
<v-list-item-title :title="series.name">
{{ series.name }}
@@ -558,6 +558,18 @@ async function getAchievements(
text-align: center;
}
.series-icon {
width: 40px;
height: 40px;
padding: 5px;
border-radius: 5px;
margin-right: 10px;
background:
linear-gradient(to bottom, rgb(255 255 255 / 15%) 0%, rgb(0 0 0 / 15%) 100%),
radial-gradient(at top center, rgb(255 255 255 / 40%) 0%, rgb(0 0 0 / 40%) 120%) #989898;
background-blend-mode: multiply, multiply;
}
.version-icon-single {
color: var(--tgc-pink-1);
font-family: var(--font-title);