hicccc77/WeFlow
1
0
Fork 0
mirror of https://github.com/hicccc77/WeFlow.git synced 2026-03-25 15:25:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(chat): refine jump calendar date/count typography

Browse Source
This commit is contained in:
tisonhuang
2026-03-04 19:29:48 +08:00
parent b6fd842d4e
commit dcb91905ad
1 changed files with 18 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/JumpToDatePopover.scss
View File

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