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

chore(Tooltip): keyframes in snake case

Browse Source
This commit is contained in:
Benjamin Canac
2024-03-11 17:40:15 +01:00
parent 37c14186a0
commit 55c47288a5
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/runtime/components/Tooltip.vue
View File

@@ -63,7 +63,7 @@ const ui = computed(() => tv({ extend: tooltip, slots: props.ui })())
</template> </template>
<style> <style>
@keyframes tooltipSlideDown { @keyframes tooltip-down {
from { from {
opacity: 0; opacity: 0;
transform: translateY(-0.25rem); transform: translateY(-0.25rem);
@@ -73,7 +73,7 @@ const ui = computed(() => tv({ extend: tooltip, slots: props.ui })())
transform: translateY(0); transform: translateY(0);
} }
} }
@keyframes tooltipSlideRight { @keyframes tooltip-right {
from { from {
opacity: 0; opacity: 0;
transform: translateX(-0.25rem); transform: translateX(-0.25rem);
@@ -83,7 +83,7 @@ const ui = computed(() => tv({ extend: tooltip, slots: props.ui })())
transform: translateY(0); transform: translateY(0);
} }
} }
@keyframes tooltipSlideUp { @keyframes tooltip-up {
from { from {
opacity: 0; opacity: 0;
transform: translateY(0.25rem); transform: translateY(0.25rem);
@@ -93,7 +93,7 @@ const ui = computed(() => tv({ extend: tooltip, slots: props.ui })())
transform: translateY(0); transform: translateY(0);
} }
} }
@keyframes tooltipSlideLeft { @keyframes tooltip-left {
from { from {
opacity: 0; opacity: 0;
transform: translateX(0.25rem); transform: translateX(0.25rem);

2
src/theme/tooltip.ts
View File

@@ -1,6 +1,6 @@
export default { export default {
slots: { slots: {
content: 'bg-white dark:bg-gray-900 text-gray-900 dark:text-white shadow rounded ring ring-gray-200 dark:ring-gray-800 h-6 px-2 py-1 text-xs font-normal truncate relative data-[state=delayed-open]:data-[side=top]:animate-[tooltipSlideDown_200ms_ease-out] data-[state=delayed-open]:data-[side=right]:animate-[tooltipSlideLeft_200ms_ease-out] data-[state=delayed-open]:data-[side=left]:animate-[tooltipSlideRight_200ms_ease-out] data-[state=delayed-open]:data-[side=bottom]:animate-[tooltipSlideUp_200ms_ease-out]', content: 'bg-white dark:bg-gray-900 text-gray-900 dark:text-white shadow rounded ring ring-gray-200 dark:ring-gray-800 h-6 px-2 py-1 text-xs font-normal truncate relative data-[state=delayed-open]:data-[side=top]:animate-[tooltip-down_200ms_ease-out] data-[state=delayed-open]:data-[side=right]:animate-[tooltip-left_200ms_ease-out] data-[state=delayed-open]:data-[side=left]:animate-[tooltip-right_200ms_ease-out] data-[state=delayed-open]:data-[side=bottom]:animate-[tooltip-up_200ms_ease-out]',
arrow: 'fill-white dark:fill-gray-700' arrow: 'fill-white dark:fill-gray-700'
} }
} }