fix: update PurchaseSubscriptionSidebar and AppointmentSettingsPage for pixel-perfect alignment and color consistency

2026-07-15 17:30:26 +03:30
parent 810293764a
commit ffc4351038
4 changed files with 165 additions and 3 deletions
@@ -50,7 +50,10 @@ export function menuForRole(role: string | null | undefined): SettingsMenuItem[]
 export default function SettingsLayout({ active, children }: { active: string; children: React.ReactNode }) {
  return (
    <div className="fade-in" dir="rtl" style={{ width: '100%' }}>
-      <div className="grid grid-cols-1 lg:grid-cols-[248px_minmax(0,1fr)] gap-5">
+      <div
+        className="grid grid-cols-1 lg:grid-cols-[248px_minmax(0,1fr)] gap-5"
+        style={{ marginInlineStart: 'calc(-1 * var(--gap))' }}
+      >
        <PurchaseSubscriptionSidebar active={active} />
        <div style={{ minWidth: 0 }}>{children}</div>
      </div>