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

fix(Tabs): handle icon margin in RTL mode (#2233)

Browse Source
This commit is contained in:
Malik-Jouda
2024-09-23 11:54:53 +03:00
committed by GitHub
parent 803c20ad92
commit ea05414930
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/components/content/examples/TabsExampleIconSlot.vue
View File

@@ -17,7 +17,7 @@ const items = [{
<template> <template>
<UTabs :items="items" class="w-full"> <UTabs :items="items" class="w-full">
<template #icon="{ item, selected }"> <template #icon="{ item, selected }">
<UIcon :name="item.icon" class="w-4 h-4 flex-shrink-0 mr-2" :class="[selected && 'text-primary-500 dark:text-primary-400']" /> <UIcon :name="item.icon" class="w-4 h-4 flex-shrink-0 me-2" :class="[selected && 'text-primary-500 dark:text-primary-400']" />
</template> </template>
</UTabs> </UTabs>
</template> </template>

2
src/runtime/ui.config/navigation/tabs.ts
View File

@@ -28,7 +28,7 @@ export default {
font: 'font-medium', font: 'font-medium',
rounded: 'rounded-md', rounded: 'rounded-md',
shadow: '', shadow: '',
icon: 'w-4 h-4 flex-shrink-0 mr-2' icon: 'w-4 h-4 flex-shrink-0 me-2'
} }
} }
} }