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

💄 feat(theme): 页面主题切换完成

Browse Source
This commit is contained in:
BTMuli
2023-04-22 00:24:40 +08:00
parent 857cdec786
commit 277888dead
24 changed files with 277 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/WIKI/Character.vue
View File

@@ -143,7 +143,7 @@ function toOuter (item: BTMuli.Genshin.Wiki.Character.BriefInfo) {
display: flex;
justify-content: center;
align-items: center;
background: rgba(20, 20, 20, 0.5);
background: rgb(20 20 20 / 50%);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: #fff;

8
src/pages/WIKI/GCG.vue
View File

@@ -3,7 +3,7 @@
<TLoading title="正在加载卡牌列表" />
</div>
<div v-else>
<v-tabs v-model="tab" align-tabs="start" class="global-font">
<v-tabs v-model="tab" align-tabs="start" class="cards-tab">
<div v-show="!doSearch">
<v-tab value="character" title="角色牌" />
<v-tab value="action" title="行动牌" />
@@ -145,6 +145,12 @@ async function searchCard () {
}
</script>
<style lang="css" scoped>
.cards-tab {
font-family: Genshin,serif;
margin-bottom: 20px;
color: var(--content-text-3);
}
.cards-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));

2
src/pages/WIKI/Weapon.vue
View File

@@ -142,7 +142,7 @@ function toOuter (item: BTMuli.Genshin.Wiki.Weapon.BriefInfo) {
display: flex;
justify-content: center;
align-items: center;
background: rgba(20, 20, 20, 0.5);
background: rgb(20 20 20 / 50%);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: #fff;