fix(subscription): remove double-centering gap beside main nav

The page wrapped its grid in a second maxWidth:1180/margin:auto on top of the
shell's already-centered .content (max-width 1480), leaving a ~150px gap
between the settings menu and the main navigation. Make the page full-width so
the settings sidebar sits flush against the main nav; trim the sidebar column
to 248px to match the app nav width.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
hamed
2026-07-14 14:56:05 +03:30
co-authored by Claude Opus 4.8
parent 50eab9bf90
commit a5618f6ee3
+2 -2
View File
@@ -116,8 +116,8 @@ export default function SubscriptionPage() {
};
return (
<div className="fade-in" dir="rtl" style={{ maxWidth: 1180, margin: '0 auto' }}>
<div className="grid grid-cols-1 lg:grid-cols-[280px_minmax(0,1fr)] gap-5">
<div className="fade-in" dir="rtl" style={{ width: '100%' }}>
<div className="grid grid-cols-1 lg:grid-cols-[248px_minmax(0,1fr)] gap-5">
<PurchaseSubscriptionSidebar active="subscription" />
<div