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

💄 优化浅色模式下的样式

Browse Source
This commit is contained in:
目棃
2024-01-21 13:57:30 +08:00
parent 03170814ad
commit 297474af9c
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/main/t-subline.vue
View File

@@ -1,9 +1,7 @@
<template> <template>
<div class="tsl-box"> <div class="tsl-box">
<img src="/src/assets/icons/arrow-right.svg" alt="right" /> <img src="../../assets/icons/arrow-right.svg" alt="right" />
<slot> <slot>{{ props.title }}</slot>
{{ props.title }}
</slot>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
@@ -24,15 +22,20 @@ const props = defineProps<{
gap: 5px; gap: 5px;
} }
.tsl-box img { .tsl-box :first-child {
width: 20px; width: 20px;
height: 20px; height: 20px;
padding: 2px; padding: 2px;
border-radius: 5px; border-radius: 5px;
filter: invert(22%) sepia(7%) saturate(1241%) hue-rotate(182deg) brightness(95%) contrast(99%);
} }
.dark .tsl-box { .dark .tsl-box {
background: #2c313a; background: #2c313a;
color: #faf7e8; color: #faf7e8;
} }
.dark .tsl-box :first-child {
filter: none;
}
</style> </style>