mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-13 09:28:14 +08:00
💄 调整样式
This commit is contained in:
@@ -106,7 +106,7 @@
|
|||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { dialog, fs, path } from "@tauri-apps/api";
|
import { dialog, fs, path } from "@tauri-apps/api";
|
||||||
import { computed, nextTick, onBeforeMount, onMounted, reactive, ref } from "vue";
|
import { computed, nextTick, onBeforeMount, onMounted, ref } from "vue";
|
||||||
import { useRoute, useRouter } from "vue-router";
|
import { useRoute, useRouter } from "vue-router";
|
||||||
|
|
||||||
import showConfirm from "../../components/func/confirm";
|
import showConfirm from "../../components/func/confirm";
|
||||||
@@ -595,10 +595,11 @@ async function setAchiDB(achievement: TGApp.Sqlite.Achievement.SingleTable): Pro
|
|||||||
height: 40px;
|
height: 40px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background:
|
filter: invert(60%) brightness(100%);
|
||||||
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;
|
.dark .series-icon {
|
||||||
|
filter: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.series-content {
|
.series-content {
|
||||||
|
|||||||
@@ -182,13 +182,7 @@ const buildTime = computed(() => appStore.buildTime);
|
|||||||
// About OS
|
// About OS
|
||||||
const osPlatform = ref<string>("");
|
const osPlatform = ref<string>("");
|
||||||
const osVersion = ref<string>("");
|
const osVersion = ref<string>("");
|
||||||
const dbInfo = ref<
|
const dbInfo = ref<Array<TGApp.Sqlite.AppData.Item>>([]);
|
||||||
Array<{
|
|
||||||
key: string;
|
|
||||||
value: string;
|
|
||||||
updated: string;
|
|
||||||
}>
|
|
||||||
>([]);
|
|
||||||
|
|
||||||
// loading
|
// loading
|
||||||
const loading = ref<boolean>(true);
|
const loading = ref<boolean>(true);
|
||||||
@@ -658,12 +652,11 @@ function submitHome(): void {
|
|||||||
height: 40px;
|
height: 40px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border: 1px solid var(--common-shadow-1);
|
border: 1px solid var(--common-shadow-1);
|
||||||
border-radius: 10px;
|
border-radius: 5px;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
background:
|
backdrop-filter: blur(20px);
|
||||||
linear-gradient(to bottom, rgb(255 255 255 / 15%) 0%, rgb(0 0 0 / 15%) 100%),
|
background: var(--app-side-bg);
|
||||||
radial-gradient(at top center, rgb(255 255 255 / 40%) 0%, rgb(0 0 0 / 40%) 120%) #989898;
|
box-shadow: 0 0 5px var(--common-shadow-t-4);
|
||||||
background-blend-mode: multiply, multiply;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.config-btn {
|
.config-btn {
|
||||||
@@ -684,7 +677,7 @@ function submitHome(): void {
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
|
background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
|
||||||
box-shadow: 0 0 5px var(--common-shadow-4);
|
box-shadow: 0 0 10px var(--common-shadow-2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.config-app-icon {
|
.config-app-icon {
|
||||||
|
|||||||
2
src/types/Sqlite/AppData.d.ts
vendored
2
src/types/Sqlite/AppData.d.ts
vendored
@@ -33,7 +33,7 @@ declare namespace TGApp.Sqlite.AppData {
|
|||||||
* @property {string} updated - 数据库更新时间
|
* @property {string} updated - 数据库更新时间
|
||||||
* @return Item
|
* @return Item
|
||||||
*/
|
*/
|
||||||
export interface Item {
|
interface Item {
|
||||||
key: DBKey;
|
key: DBKey;
|
||||||
value: string;
|
value: string;
|
||||||
updated: string;
|
updated: string;
|
||||||
|
|||||||
Reference in New Issue
Block a user