Preserve latest comparison functionality

This commit is contained in:
b17301
2026-06-08 14:25:47 +09:00
parent b93289bfa8
commit 886192ae58
12 changed files with 7966 additions and 485 deletions
+18 -10
View File
@@ -82,28 +82,34 @@
.nav {
display: flex;
gap: 10px;
flex-wrap: wrap;
gap: 7px;
flex-wrap: nowrap;
align-items: center;
background: rgba(255, 255, 255, 0.9);
border: 1px solid var(--line);
border-radius: 18px;
padding: 8px;
padding: 7px 8px;
box-shadow: 0 10px 24px rgba(21, 24, 29, 0.06);
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
}
.nav-spacer {
flex: 1 1 auto;
min-width: 12px;
min-width: 6px;
}
.nav a {
flex: 0 0 auto;
text-decoration: none;
color: var(--ink);
padding: 9px 13px;
padding: 8px 10px;
border-radius: 10px;
font-weight: 700;
font-size: 14px;
font-size: 13px;
line-height: 1.15;
white-space: nowrap;
transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}
@@ -519,8 +525,9 @@
}
.sync-status {
flex: 0 0 auto;
margin-left: auto;
max-width: 320px;
max-width: 230px;
border: 1px solid var(--line);
border-radius: 999px;
background: rgba(248, 250, 252, 0.92);
@@ -535,10 +542,11 @@
.view-mode-switch {
position: relative;
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 80px;
width: 72px;
height: var(--status-widget-height);
min-height: var(--status-widget-height);
border-radius: 999px;
@@ -589,11 +597,11 @@
}
.view-mode-switch[data-mode="dual"]::before {
transform: translateX(38px);
transform: translateX(30px);
}
.view-mode-switch[data-mode="dual"] .label {
left: 41px;
left: 33px;
}
.view-mode-switch[data-mode="single"]::before {