diff --git a/src/components/CalendarDay.vue b/src/components/CalendarDay.vue index 6beab60..08ade34 100644 --- a/src/components/CalendarDay.vue +++ b/src/components/CalendarDay.vue @@ -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;