LeoVasanko/calendar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Larger month label column so that it is easier to use on mobile devices.

Browse Source
This commit is contained in:
Leo Vasanko
2025-09-25 10:26:10 -06:00
parent cb60c589e3
commit b30618031a
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/layout.css
View File

@@ -1,7 +1,7 @@
:root { :root {
--week-w: 3rem; --week-w: 3rem;
--day-w: 1fr; --day-w: 1fr;
--month-w: 2rem; --month-w: 3rem;
--row-h: 15vh; --row-h: 15vh;
} }
* { * {

4
src/components/CalendarView.vue
View File

@@ -686,11 +686,11 @@ header h1 {
.month-label { .month-label {
width: 100%; width: 100%;
opacity: 0.8; opacity: 0.8;
font-size: 2rem; font-size: 2.2rem;
font-weight: 700; font-weight: 700;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: start;
overflow: hidden; overflow: hidden;
cursor: ns-resize; cursor: ns-resize;
user-select: none; user-select: none;