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:
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user