Added some transitions

This commit is contained in:
Alexis
2025-04-26 21:01:52 +02:00
parent b430ab2660
commit c071e9c33b
2 changed files with 2 additions and 2 deletions

View File

@@ -5,7 +5,7 @@ const { isReadOnly, defaultDate } = storeToRefs(useCalendar())
</script>
<template>
<header class="mt-2 grid gap-3 md:gap-4 border-border border-b-[1px]">
<header class="mt-2 grid gap-3 md:gap-4 border-border border-b-[1px] transition-colors">
<div class="px-4 md:px-8 flex items-center justify-between gap-2">
<menu class="flex items-center md:gap-2">
<li>

View File

@@ -81,7 +81,7 @@ const eventsNotDisplayed: ComputedRef<number> = computed<number>(() => eventsFo
<template>
<div
ref="calendarTile"
class="tile relative p-1 md:p-2"
class="tile relative p-1 md:p-2 transition-colors"
:class="{
'text-slate-300 dark:text-slate-500': props.faded,
'text-slate-500 dark:text-slate-300': !props.faded