arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 20:19:34 +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: '',
size: 'text-sm',
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: {
enterActiveClass: 'overflow-hidden transition-[height] duration-200 ease-out',

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

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