fix(settings): RTL Tabs + Hebrew labels (סביבה/כלים/בלוקים/רישומים)
All checks were successful
Build & Deploy / build-and-deploy (push) Successful in 34s
All checks were successful
Build & Deploy / build-and-deploy (push) Successful in 34s
Radix Tabs defaults dir to 'ltr' if not set explicitly, which broke RTL inside Tab content (cards flowing left-to-right). Set dir='rtl' on the Tabs root and translate trigger labels to Hebrew (kept Paperclip in English as a brand name).
This commit is contained in:
@@ -30,7 +30,7 @@ export default function SettingsPage() {
|
|||||||
|
|
||||||
<div className="h-[2px] bg-gradient-to-l from-transparent via-gold to-transparent" />
|
<div className="h-[2px] bg-gradient-to-l from-transparent via-gold to-transparent" />
|
||||||
|
|
||||||
<Tabs defaultValue="paperclip" className="space-y-4">
|
<Tabs dir="rtl" defaultValue="paperclip" className="space-y-4">
|
||||||
<TabsList>
|
<TabsList>
|
||||||
<TabsTrigger value="paperclip">
|
<TabsTrigger value="paperclip">
|
||||||
<Building2 className="w-4 h-4" data-icon="inline-start" />
|
<Building2 className="w-4 h-4" data-icon="inline-start" />
|
||||||
@@ -38,19 +38,19 @@ export default function SettingsPage() {
|
|||||||
</TabsTrigger>
|
</TabsTrigger>
|
||||||
<TabsTrigger value="environment">
|
<TabsTrigger value="environment">
|
||||||
<Server className="w-4 h-4" data-icon="inline-start" />
|
<Server className="w-4 h-4" data-icon="inline-start" />
|
||||||
Environment
|
סביבה
|
||||||
</TabsTrigger>
|
</TabsTrigger>
|
||||||
<TabsTrigger value="tools">
|
<TabsTrigger value="tools">
|
||||||
<Wrench className="w-4 h-4" data-icon="inline-start" />
|
<Wrench className="w-4 h-4" data-icon="inline-start" />
|
||||||
Tools
|
כלים
|
||||||
</TabsTrigger>
|
</TabsTrigger>
|
||||||
<TabsTrigger value="blocks">
|
<TabsTrigger value="blocks">
|
||||||
<Layers className="w-4 h-4" data-icon="inline-start" />
|
<Layers className="w-4 h-4" data-icon="inline-start" />
|
||||||
Blocks
|
בלוקים
|
||||||
</TabsTrigger>
|
</TabsTrigger>
|
||||||
<TabsTrigger value="registrations">
|
<TabsTrigger value="registrations">
|
||||||
<Plug className="w-4 h-4" data-icon="inline-start" />
|
<Plug className="w-4 h-4" data-icon="inline-start" />
|
||||||
Registrations
|
רישומים
|
||||||
</TabsTrigger>
|
</TabsTrigger>
|
||||||
</TabsList>
|
</TabsList>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user