arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-28 10:50:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(Accordion): add transition to trailing icon

Browse Source
This commit is contained in:
Benjamin Canac
2023-07-05 11:43:15 +02:00
parent a79c165eee
commit 3b432fde7a
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/runtime/app.config.ts
View File

@@ -264,7 +264,8 @@ const accordion = {
base: '', base: '',
size: 'text-sm', size: 'text-sm',
color: 'text-gray-500 dark:text-gray-400', color: 'text-gray-500 dark:text-gray-400',
padding: 'pt-1.5 pb-3' padding: 'pt-1.5 pb-3',
icon: 'ms-auto transform transition-transform duration-200'
}, },
transition: { transition: {
enterActiveClass: 'overflow-hidden transition-[height] duration-200 ease-out', enterActiveClass: 'overflow-hidden transition-[height] duration-200 ease-out',

4
src/runtime/components/elements/Accordion.vue
View File

@@ -7,10 +7,10 @@
<template #trailing> <template #trailing>
<UIcon <UIcon
:name="!open ? openIcon : closeIcon ? closeIcon : openIcon" :name="!open ? openIcon : closeIcon ? closeIcon : openIcon"
class="ms-auto transform"
:class="[ :class="[
open && !closeIcon ? '-rotate-180' : '', open && !closeIcon ? '-rotate-180' : '',
uiButton.icon.size[item.size || uiButton.default.size] uiButton.icon.size[item.size || uiButton.default.size],
ui.item.icon
]" ]"
/> />
</template> </template>