Files
wx_pbzc/components/calendar-heatmap/calendar-heatmap.wxss
T
lc 89d93c8155 refactor(ui): 12-point UI polish and bugfixes
Bug fixes:
- #1 Remove duplicate month label from calendar-heatmap (shown twice in records)
- #2 Extract shared .modal-overlay to app.wxss (was duplicated in index/records)

UX improvements:
- #3 Add long-press hint to history list in records page
- #4 Add drag handle + catchtouchmove to picker modal
- #5 Extend timer auto-navigate-back from 1.5s to 3s
- #6 Add clear data option in settings with confirmation dialog

Visual/code polish:
- #7 Remove 4 unused @keyframes (shimmer, spin) and 5 unused .icon classes
- #8 Tab bar inactive colors: hardcoded #888/#666 -> var(--text-secondary)
- #10 Split progress-ring observer to avoid redundant setData on size/color changes
- #12 Remove meaningless Math.min(planDay, 99) cap
2026-06-04 16:34:22 +08:00

69 lines
909 B
Plaintext

.heatmap-container {
padding: 0;
}
.calendar-header {
margin-bottom: 16rpx;
}
.weekday-labels {
display: flex;
justify-content: space-around;
}
.weekday {
width: 56rpx;
text-align: center;
font-size: 22rpx;
color: #999;
}
.calendar-grid {
display: flex;
flex-direction: column;
}
.calendar-week {
display: flex;
justify-content: space-around;
margin-bottom: 8rpx;
}
.calendar-day {
width: 56rpx;
height: 56rpx;
border-radius: 10rpx;
display: flex;
align-items: center;
justify-content: center;
}
.calendar-day.empty {
background: transparent;
}
.day-num {
font-size: 22rpx;
color: #333;
font-weight: 500;
}
.heat-legend {
display: flex;
align-items: center;
justify-content: center;
margin-top: 16rpx;
gap: 8rpx;
}
.legend-label {
font-size: 20rpx;
color: #999;
}
.legend-block {
width: 32rpx;
height: 24rpx;
border-radius: 6rpx;
}