feat: enhance skip metadata refresh with smart UI and subtle badges, #790

This commit is contained in:
Will Miao
2026-02-09 09:15:29 +08:00
parent 2b74b2373d
commit 765c1c42a9
23 changed files with 283 additions and 18 deletions

View File

@@ -60,6 +60,9 @@ body {
--badge-update-bg: oklch(72% 0.2 220);
--badge-update-text: oklch(28% 0.03 220);
--badge-update-glow: oklch(72% 0.2 220 / 0.28);
--badge-skip-refresh-bg: oklch(82% 0.12 45);
--badge-skip-refresh-text: oklch(35% 0.02 45);
--badge-skip-refresh-glow: oklch(82% 0.12 45 / 0.15);
/* Spacing Scale */
--space-1: calc(8px * 1);
@@ -114,6 +117,9 @@ html[data-theme="light"] {
--badge-update-bg: oklch(62% 0.18 220);
--badge-update-text: oklch(98% 0.02 240);
--badge-update-glow: oklch(62% 0.18 220 / 0.4);
--badge-skip-refresh-bg: oklch(82% 0.12 45);
--badge-skip-refresh-text: oklch(98% 0.02 45);
--badge-skip-refresh-glow: oklch(82% 0.12 45 / 0.15);
}
body {

View File

@@ -658,3 +658,25 @@
margin-left: 1px;
line-height: 1;
}
.model-skip-refresh-badge {
width: 16px;
height: 16px;
padding: 0;
border-radius: 3px;
background: var(--badge-skip-refresh-bg);
color: var(--badge-skip-refresh-text);
font-size: 0.65rem;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 1px 3px var(--badge-skip-refresh-glow);
border: 1px solid color-mix(in oklab, var(--badge-skip-refresh-bg) 70%, transparent);
opacity: 0.85;
}
.model-skip-refresh-badge i {
margin-left: 0;
line-height: 1;
}