fix(subscription): make the settings sidebar RTL

Flip the settings menu to dir=rtl with right-aligned title, search and rows so
the Persian labels read right-to-left.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
hamed
2026-07-14 15:00:08 +03:30
co-authored by Claude Opus 4.8
parent 72f26ed0bf
commit cdf27d81a6
@@ -22,13 +22,13 @@ export default function PurchaseSubscriptionSidebar({ active }: { active: string
return (
<aside
dir="ltr"
dir="rtl"
aria-label="منوی تنظیمات"
className="hidden lg:block"
style={{ alignSelf: 'start', position: 'sticky', top: 'calc(var(--topbar-h) + 16px)' }}
>
<div style={{
fontSize: 16, fontWeight: 800, color: 'var(--text-2)', textAlign: 'left',
fontSize: 16, fontWeight: 800, color: 'var(--text-2)', textAlign: 'right',
marginBottom: 10, padding: '0 4px',
}}>
تنظیمات
@@ -36,7 +36,7 @@ export default function PurchaseSubscriptionSidebar({ active }: { active: string
<div style={{ marginBottom: 16 }}>
<div style={{
display: 'flex', alignItems: 'center', flexDirection: 'row-reverse', gap: 8,
display: 'flex', alignItems: 'center', gap: 8,
background: 'var(--surface)', border: '1px solid var(--border)',
borderRadius: 'var(--r-sm)', padding: '8px 12px',
}}>
@@ -62,7 +62,7 @@ export default function PurchaseSubscriptionSidebar({ active }: { active: string
borderRadius: 12, height: 44, marginBottom: 8,
display: 'flex', alignItems: 'center', justifyContent: 'flex-start',
padding: '0 14px', fontSize: 16, fontWeight: isActive ? 700 : 500,
lineHeight: 1, textAlign: 'left',
lineHeight: 1, textAlign: 'right',
background: isActive ? '#f17732' : 'transparent',
color: isActive ? '#FFFFFF' : 'var(--text-2)',
cursor: item.to ? 'pointer' : 'not-allowed',