diff --git a/src/components/JumpToDatePopover.scss b/src/components/JumpToDatePopover.scss index a9a6ee0..a2fbe2d 100644 --- a/src/components/JumpToDatePopover.scss +++ b/src/components/JumpToDatePopover.scss @@ -5,7 +5,10 @@ width: 312px; border-radius: 14px; border: 1px solid var(--border-color); - background: var(--card-bg); + background: var(--bg-secondary); + opacity: 1; + backdrop-filter: none; + -webkit-backdrop-filter: none; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2); padding: 12px; z-index: 1600; @@ -84,8 +87,10 @@ color: var(--text-primary); cursor: pointer; display: flex; + flex-direction: column; align-items: center; justify-content: center; + gap: 1px; padding: 0; font-size: 13px; transition: all 0.18s ease; @@ -94,6 +99,9 @@ .jump-date-popover .day-cell .day-number { position: relative; z-index: 1; + font-size: 12px; + line-height: 1; + font-weight: 500; } .jump-date-popover .day-cell.empty { @@ -121,24 +129,22 @@ } .jump-date-popover .day-count { - position: absolute; - right: 3px; - top: 2px; - font-size: 10px; + position: static; + margin-top: 1px; + font-size: 13px; line-height: 1; - color: var(--text-secondary); - font-weight: 600; + color: #16a34a; + font-weight: 700; } .jump-date-popover .day-cell.selected .day-count { - color: rgba(255, 255, 255, 0.92); + color: #86efac; } .jump-date-popover .day-count-loading { - position: absolute; - right: 3px; - top: 2px; - color: var(--text-tertiary); + position: static; + margin-top: 1px; + color: #22c55e; } .jump-date-popover .spin {