diff --git a/.changeset/forty-turtles-peel.md b/.changeset/forty-turtles-peel.md new file mode 100644 index 0000000000..dea195a29c --- /dev/null +++ b/.changeset/forty-turtles-peel.md @@ -0,0 +1,5 @@ +--- +'@directus/app': patch +--- + +Fixed an issue for empty states not being centered in RTL languages diff --git a/app/src/components/v-info.vue b/app/src/components/v-info.vue index 605ce26d9f..ce91e33f34 100644 --- a/app/src/components/v-info.vue +++ b/app/src/components/v-info.vue @@ -87,5 +87,9 @@ withDefaults(defineProps(), { inset-block-start: 50%; inset-inline-start: 50%; transform: translate(-50%, -50%); + + html[dir='rtl'] & { + transform: translate(50%, -50%); + } }