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:
目棃
2025-02-28 17:17:36 +08:00
parent aeca190f2c
commit b14ad0e687
1 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/pageAnno/ta-card.vue
View File

@@ -73,7 +73,7 @@ async function shareAnno(): Promise<void> {
display: flex; display: flex;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
align-items: center; align-items: flex-start;
justify-content: center; justify-content: center;
aspect-ratio: 36 / 13; aspect-ratio: 36 / 13;
cursor: pointer; cursor: pointer;
@@ -129,12 +129,11 @@ async function shareAnno(): Promise<void> {
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
padding: 5px; padding: 5px;
-webkit-backdrop-filter: blur(20px); background-color: var(--tgc-od-white);
backdrop-filter: blur(20px);
background: var(--common-shadow-2);
border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
box-shadow: 0 0 10px var(--tgc-dark-1); box-shadow: 0 0 10px var(--tgc-dark-1);
color: var(--tgc-white-1); color: var(--tgc-white-1);
opacity: 0.8;
text-shadow: 0 0 5px var(--tgc-dark-1); text-shadow: 0 0 5px var(--tgc-dark-1);
} }
@@ -157,14 +156,13 @@ async function shareAnno(): Promise<void> {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0 5px; padding: 0 5px;
-webkit-backdrop-filter: blur(20px); background: var(--tgc-od-orange);
backdrop-filter: blur(20px);
background: var(--common-shadow-1);
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
border-top-left-radius: 5px; border-top-left-radius: 5px;
box-shadow: 2px 2px 5px var(--tgc-dark-1); box-shadow: 0 0 10px var(--tgc-dark-1);
color: var(--tgc-white-1); color: var(--tgc-white-1);
font-size: 12px; font-size: 12px;
opacity: 0.8;
text-shadow: 0 0 5px var(--tgc-dark-1); text-shadow: 0 0 5px var(--tgc-dark-1);
} }
</style> </style>