Added some transitions
This commit is contained in:
@@ -5,7 +5,7 @@ const { isReadOnly, defaultDate } = storeToRefs(useCalendar())
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<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">
|
<div class="px-4 md:px-8 flex items-center justify-between gap-2">
|
||||||
<menu class="flex items-center md:gap-2">
|
<menu class="flex items-center md:gap-2">
|
||||||
<li>
|
<li>
|
||||||
|
|||||||
@@ -81,7 +81,7 @@ const eventsNotDisplayed: ComputedRef<number> = computed<number>(() => eventsFo
|
|||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
ref="calendarTile"
|
ref="calendarTile"
|
||||||
class="tile relative p-1 md:p-2"
|
class="tile relative p-1 md:p-2 transition-colors"
|
||||||
:class="{
|
:class="{
|
||||||
'text-slate-300 dark:text-slate-500': props.faded,
|
'text-slate-300 dark:text-slate-500': props.faded,
|
||||||
'text-slate-500 dark:text-slate-300': !props.faded
|
'text-slate-500 dark:text-slate-300': !props.faded
|
||||||
|
|||||||
Reference in New Issue
Block a user