style: enhance SettingsLayout and AppointmentSettingsPage for improved layout and spacing

2026-07-15 17:35:24 +03:30
parent ffc4351038
commit 952fcf3634
3 changed files with 9 additions and 6 deletions
@@ -49,11 +49,8 @@ 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"
-        style={{ marginInlineStart: 'calc(-1 * var(--gap))' }}
-      >
+    <div className="fade-in settings-shell" dir="rtl" style={{ width: '100%' }}>
+      <div className="grid grid-cols-1 lg:grid-cols-[248px_minmax(0,1fr)] gap-5">
        <PurchaseSubscriptionSidebar active={active} />
        <div style={{ minWidth: 0 }}>{children}</div>
      </div>