Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-05-18 04:56:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 美化深渊页面

Browse Source
This commit is contained in:
BTMuli
2023-06-14 23:08:41 +08:00
parent 0b5fbf5953
commit f9297b8927
8 changed files with 38 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/userAbyss/tua-detail-battle.vue
View File

@@ -30,6 +30,6 @@ const props = defineProps<TuaDetailBattleProps>();
width: 100%;
text-align: left;
font-size: 12px;
color: #faf7e8;
color: var(--common-text-3);
}
</style>

2
src/components/userAbyss/tua-detail-level.vue
View File

@@ -20,6 +20,6 @@ const props = defineProps<TuaDetailLevelProps>();
border-radius: 5px;
width: 100%;
height: 1px;
background: var(--common-color-white);
background: var(--common-text-2);
}
</style>

10
src/components/userAbyss/tua-detail-title.vue
View File

@@ -46,8 +46,7 @@ const getFontSize: ComputedRef<string> = computed(() => {
.tud-t-title {
font-size: v-bind(getFontSize);
color: var(--common-color-white);
text-shadow: 0 0 10px rgb(0 0 0 / 20%);
color: var(--common-text-2);
}
.tud-t-val {
@@ -56,7 +55,12 @@ const getFontSize: ComputedRef<string> = computed(() => {
font-family: var(--font-text);
font-size: v-bind(getFontSize);
color: var(--common-color-white);
text-shadow: #fec90b 0 0 5px;
text-shadow: 0 0 10px var(--common-color-yellow);
}
.dark .tud-t-val {
color: var(--common-color-yellow);
text-shadow: none;
}
.tud-t-val img {

10
src/components/userAbyss/tua-overview.vue
View File

@@ -51,15 +51,19 @@ const props = withDefaults(defineProps<TAOProps>(), {
.tuao-title {
font-family: var(--font-title);
font-size: 20px;
color: var(--common-color-white);
text-shadow: 0 0 10px rgb(0 0 0 / 20%);
color: var(--common-text-2);
}
.tuao-val-text {
font-family: var(--font-text);
font-size: 20px;
color: var(--common-color-white);
text-shadow: #fec90b 0 0 10px;
text-shadow: 0 0 10px var(--common-color-yellow);
}
.dark .tuao-val-text {
color: var(--common-color-yellow);
text-shadow: none;
}
.tuao-val-icons {