Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-05-02 23:39:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 调整签到组件额外奖励样式

Browse Source
This commit is contained in:
BTMuli
2026-02-06 13:16:13 +08:00
parent 7fa17b3b3b
commit d23302706b
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/pageHome/ph-sign-item.vue
View File

@@ -563,9 +563,9 @@ async function shareItem(): Promise<void> {
display: flex;
flex-direction: column;
padding: 8px;
border: 1px solid rgb(255 165 0 / 30%);
border-radius: 8px;
background: linear-gradient(135deg, rgb(255 165 0 / 10%), rgb(255 215 0 / 10%));
border: 1px solid rgb(255 152 0 / 30%);
border-radius: 4px;
background: rgb(255 152 0 / 10%);
gap: 6px;
}
@@ -590,7 +590,7 @@ async function shareItem(): Promise<void> {
.extra-time {
margin-left: auto;
color: var(--box-text-3);
color: var(--box-text-4);
font-size: 10px;
opacity: 0.7;
}

5
src/components/pageHome/ph-sign-reward-cell.vue
View File

@@ -1,4 +1,4 @@
<!-- 单个签到奖励格子 TODO:额外奖励格子需要测试 -->
<!-- 单个签到奖励格子 -->
<template>
<div
:class="['reward-cell', stateClass, { extra: isExtra, clickable: isClickableComputed }]"
@@ -100,7 +100,8 @@ function handleClick(): void {
background: var(--box-bg-3);
&.extra {
padding: 8px;
width: fit-content;
padding: 4px;
border-radius: 50%;
aspect-ratio: 1;
}