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

Styling cleanup.

Browse Source
This commit is contained in:
Leo Vasanko
2025-08-23 17:24:43 -06:00
parent f1f172d55f
commit b5d6510e09
1 changed files with 9 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/CalendarDay.vue
View File

@@ -59,20 +59,6 @@ const props = defineProps({
color: var(--ink);
transition: background-color 0.15s ease;
}
.cell.today h1 {
border-radius: 2em;
background: var(--today);
border: 0.2em solid var(--today);
margin: -0.2em;
color: white;
font-weight: bold;
}
.cell:hover h1 {
text-shadow: 0 0 0.2em var(--shadow);
}
.cell.weekend h1 {
color: var(--weekend);
}
@@ -80,6 +66,14 @@ const props = defineProps({
color: var(--firstday);
text-shadow: 0 0 0.1em var(--strong);
}
.cell.today h1 {
border-radius: 2em;
background: var(--today);
border: 0.2em solid var(--today);
margin: -0.2em;
color: var(--strong);
font-weight: bold;
}
.cell.selected {
filter: hue-rotate(180deg);
}
@@ -110,10 +104,10 @@ const props = defineProps({
bottom: 0.1em;
left: 0.1em;
right: 0.1em;
font-size: 0.7em;
line-height: 1;
max-height: 2.4em;
overflow: hidden;
font-size: 0.8em;
}
.holiday-name {
@@ -123,7 +117,6 @@ const props = defineProps({
padding: 0.1em 0.2em;
border-radius: 0.2em;
font-weight: 600;
font-size: 0.85em;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;