Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-04-01 06:39:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

♻️ 改了一些组件

Browse Source
This commit is contained in:
BTMuli
2023-09-03 00:06:48 +08:00
parent 4debd354a7
commit faba854b74
7 changed files with 19 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/app/t-switchTheme.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="switch-box">
<div class="switch-btn" @click="switchTheme()">
<v-icon style="color: var(--theme-switch-icon)">
<v-icon>
{{ themeGet === "default" ? "mdi-weather-night" : "mdi-weather-sunny" }}
</v-icon>
</div>
@@ -48,7 +48,7 @@ async function listenOnTheme(): Promise<void> {
position: absolute;
top: 20px;
left: 20px;
border: var(--theme-switch-icon) 2px solid;
border: 2px solid var(--common-shadow-8);
border-radius: 50%;
cursor: pointer;
}

4
src/components/main/t-shareBtn.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="share-box">
<div class="share-btn" @click="shareContent()">
<v-icon style="color: var(--theme-switch-icon)"> mdi-share-variant </v-icon>
<v-icon> mdi-share-variant </v-icon>
</div>
</div>
</template>
@@ -31,7 +31,7 @@ async function shareContent(): Promise<void> {
position: absolute;
top: 20px;
right: 20px;
border: var(--theme-switch-icon) 2px solid;
border: 2px solid var(--common-shadow-8);
border-radius: 50%;
cursor: pointer;
}

18
src/components/overlay/to-channel.vue
View File

@@ -114,11 +114,11 @@ async function toChannel(link: string): Promise<void> {
.toc-top {
padding: 10px;
border-radius: 5px;
background: rgb(255 255 255 / 30%);
background: var(--app-page-bg);
}
.toc-title {
color: var(--common-color-blue);
color: var(--common-text-title);
font-family: var(--font-title);
font-size: 20px;
}
@@ -134,18 +134,14 @@ async function toChannel(link: string): Promise<void> {
display: flex;
align-items: center;
justify-content: start;
border: 1px solid var(--common-shadow-2);
border-radius: 5px;
background: rgb(0 0 0 / 20%);
color: var(--common-color-black);
background: var(--box-bg-1);
color: var(--box-text-2);
cursor: pointer;
transition: all 0.5s linear;
}
.toc-list-item:hover {
background: rgb(0 0 0 / 50%);
color: var(--common-color-white);
}
.toc-list-item img {
width: 45px;
height: 45px;
@@ -175,8 +171,8 @@ async function toChannel(link: string): Promise<void> {
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgb(255 255 255 / 30%);
color: #faf7e8;
background: var(--app-page-bg);
color: var(--app-page-content);
cursor: pointer;
}
</style>