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

feat: add transition-colors on hover effects

Browse Source
This commit is contained in:
Benjamin Canac
2024-05-16 13:09:47 +02:00
parent 2e174c7d20
commit 633a39452a
24 changed files with 1422 additions and 1423 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/theme/navigation-menu.ts
View File

@@ -16,7 +16,7 @@ export default {
horizontal: {
root: 'w-full items-center justify-between',
list: 'flex items-center',
item: 'px-2.5 py-3.5 before:inset-x-0 before:inset-y-2 hover:before:bg-gray-50 dark:hover:before:bg-gray-800/50 after:absolute after:bottom-0 after:inset-x-2.5 after:block after:h-0.5 after:mt-2 after:rounded-full'
item: 'px-2.5 py-3.5 before:inset-x-0 before:inset-y-2 after:absolute after:bottom-0 after:inset-x-2.5 after:block after:h-0.5 after:mt-2 after:rounded-full'
},
vertical: {
root: 'flex-col',
@@ -43,8 +43,8 @@ export default {
disabled: false,
active: false,
class: {
item: 'hover:text-gray-900 dark:hover:text-white',
itemLeadingIcon: 'group-hover:text-gray-700 dark:group-hover:text-gray-200'
item: 'hover:text-gray-900 dark:hover:text-white transition-colors',
itemLeadingIcon: 'group-hover:text-gray-700 dark:group-hover:text-gray-200 transition-colors'
}
}, {
orientation: 'horizontal',
@@ -52,6 +52,12 @@ export default {
class: {
item: 'after:bg-primary-500 dark:after:bg-primary-400'
}
}, {
orientation: 'horizontal',
disabled: false,
class: {
item: 'hover:before:bg-gray-50 dark:hover:before:bg-gray-800/50 before:transition-colors'
}
}, {
orientation: 'vertical',
active: true,
@@ -61,8 +67,9 @@ export default {
}, {
orientation: 'vertical',
active: false,
disabled: false,
class: {
item: 'hover:before:bg-gray-50 dark:hover:before:bg-gray-800/50'
item: 'hover:before:bg-gray-50 dark:hover:before:bg-gray-800/50 before:transition-colors'
}
}]
}