fix: Fix bubble design in RTL (#10683)

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
This commit is contained in:
Shivam Mishra
2025-01-15 00:44:13 +05:30
committed by GitHub
parent b3d0d466ee
commit 7b31b5ad6e
8 changed files with 76 additions and 19 deletions

View File

@@ -28,8 +28,8 @@ const { t } = useI18n();
<div
class="absolute bg-n-alpha-3 px-4 py-3 border rounded-xl border-n-strong text-n-slate-12 bottom-6 w-52 text-xs backdrop-blur-[100px] shadow-[0px_0px_24px_0px_rgba(0,0,0,0.12)] opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all"
:class="{
'left-0': orientation === ORIENTATION.LEFT,
'right-0': orientation === ORIENTATION.RIGHT,
'ltr:left-0 rtl:right-0': orientation === ORIENTATION.LEFT,
'ltr:right-0 rtl:left-0': orientation === ORIENTATION.RIGHT,
}"
>
{{ error }}