Joururi/leim-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added transitions for client only buttons

Browse Source
This commit is contained in:
Alexis
2025-04-25 15:38:37 +02:00
parent 2d2069cae6
commit ee29169f4f
2 changed files with 24 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/calendar/SearchCTA.vue
View File

@@ -11,6 +11,7 @@ const breakpoints = useBreakpoints(
<template> <template>
<ClientOnly> <ClientOnly>
<Transition name="fade" appear>
<UiButton <UiButton
:search-slash="breakpoints.lg.value" :search-slash="breakpoints.lg.value"
:size="breakpoints.lg.value ? 'default' : 'icon'" :size="breakpoints.lg.value ? 'default' : 'icon'"
@@ -22,5 +23,6 @@ const breakpoints = useBreakpoints(
{{ $t('entity.advancedSearch.title') }} {{ $t('entity.advancedSearch.title') }}
</span> </span>
</UiButton> </UiButton>
</Transition>
</ClientOnly> </ClientOnly>
</template> </template>

2
components/calendar/dialog/QuickCreateEvent.vue
View File

@@ -24,6 +24,7 @@ const breakpoints = useBreakpoints(
<template> <template>
<ClientOnly> <ClientOnly>
<Transition name="fade" appear>
<UiButton <UiButton
class="max-md:fixed max-md:bottom-8 max-md:right-8 max-md:z-50 max-md:size-14 max-md:rounded-xl" class="max-md:fixed max-md:bottom-8 max-md:right-8 max-md:z-50 max-md:size-14 max-md:rounded-xl"
:size="breakpoints.lg.value ? 'default' : 'icon'" :size="breakpoints.lg.value ? 'default' : 'icon'"
@@ -35,6 +36,7 @@ const breakpoints = useBreakpoints(
{{ $t("entity.calendar.event.newEvent") }} {{ $t("entity.calendar.event.newEvent") }}
</strong> </strong>
</UiButton> </UiButton>
</Transition>
</ClientOnly> </ClientOnly>
<UiDialog v-model:open="isDialogOpen"> <UiDialog v-model:open="isDialogOpen">