style: Update calendar layout and highlight today's date with styles

This commit is contained in:
tr1x_em committed 2025-08-04 11:02:38 +05:30
1 parent 86ab853c4a
commit 618e75e717
2 files changed
+26 -13

No files matched your search

+23 -10
View File
@@ -134,57 +134,70 @@ menu > menuitem:hover > label {
#calendar-widget {
font-family: "SF Pro Rounded";
margin: 12px;
margin: 16px;
}
#calendar-month {
font-size: 18px;
font-weight: 600;
color: #68A7B5;
margin-bottom: 8px;
margin-bottom: 12px;
}
#calendar-days-header {
margin-bottom: 4px;
margin-bottom: 8px;
}
#calendar-day-header {
font-size: 12px;
font-weight: 600;
color: #ffffff;
min-width: 18px;
min-width: 20px;
min-height: 20px;
}
#calendar-day-header-weekend {
font-size: 12px;
font-weight: 600;
color: #8E8D93;
min-width: 18px;
min-width: 20px;
min-height: 20px;
}
#calendar-day {
font-size: 12px;
font-weight: 500;
color: #ffffff;
min-width: 18px;
min-width: 20px;
min-height: 20px;
}
#calendar-day-weekend {
font-size: 12px;
font-weight: 500;
color: #8E8D93;
min-width: 18px;
min-width: 20px;
min-height: 20px;
}
#calendar-day-today {
font-size: 12px;
font-weight: 700;
color: #0984FF;
min-width: 18px;
color: #191919;
background-color: #6AABBB;
border-radius: 50%;
min-width: 20px;
min-height: 20px;
padding: 2px;
}
#calendar-day-empty {
min-width: 18px;
min-width: 20px;
min-height: 20px;
}
#calendar-grid {
margin-top: 4px;
}
+3 -3
View File
@@ -494,7 +494,7 @@ class Calendar(Box):
name="calendar-days-header",
orientation="h",
h_expand=True,
spacing=2
spacing=4
)
day_names = ["S", "M", "T", "W", "T", "F", "S"]
@@ -513,7 +513,7 @@ class Calendar(Box):
self.calendar_grid = Box(
name="calendar-grid",
orientation="v",
spacing=2
spacing=3
)
self.update_calendar()
@@ -550,7 +550,7 @@ class Calendar(Box):
for week in cal:
week_box = Box(
orientation="h",
spacing=2,
spacing=4,
h_expand=True
)