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

fix(Carousel): use dir from locale (#2647)

Browse Source
This commit is contained in:
Malik-Jouda
2024-11-15 13:00:51 +02:00
committed by GitHub
parent 0daac5bafb
commit 1fbbfe8df0
2 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/runtime/components/Carousel.vue
View File

@@ -149,8 +149,7 @@ const options = computed<EmblaOptionsType>(() => ({
...(props.fade ? { align: 'center', containScroll: false } : {}), ...(props.fade ? { align: 'center', containScroll: false } : {}),
...rootProps.value, ...rootProps.value,
axis: props.orientation === 'horizontal' ? 'x' : 'y', axis: props.orientation === 'horizontal' ? 'x' : 'y',
// TODO: Get from ConfigProvider direction: dir.value === 'rtl' ? 'rtl' : 'ltr'
direction: 'ltr'
})) }))
const plugins = computedAsync<EmblaPluginType[]>(async () => { const plugins = computedAsync<EmblaPluginType[]>(async () => {

4
src/theme/carousel.ts
View File

@@ -18,8 +18,8 @@ export default (options: Required<ModuleOptions>) => ({
vertical: { vertical: {
container: 'flex-col -mt-4', container: 'flex-col -mt-4',
item: 'pt-4', item: 'pt-4',
prev: '-top-12 left-1/2 -translate-x-1/2 rotate-90', prev: '-top-12 left-1/2 -translate-x-1/2 rotate-90 rtl:-rotate-90',
next: '-bottom-12 left-1/2 -translate-x-1/2 rotate-90' next: '-bottom-12 left-1/2 -translate-x-1/2 rotate-90 rtl:-rotate-90'
}, },
horizontal: { horizontal: {
container: 'flex-row -ms-4', container: 'flex-row -ms-4',