From f1a95c21184facde7773d5a6d9cc1f7e9c27dad4 Mon Sep 17 00:00:00 2001 From: szbk Date: Sat, 8 Nov 2025 01:00:50 +0300 Subject: [PATCH] =?UTF-8?q?.navbar-content=20ile=20.sidebar=20hizalama.=20?= =?UTF-8?q?sidebar=20geni=C5=9Fletme?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app.css | 5 +++-- src/lib/components/Navbar.svelte | 13 +++++++------ src/routes/dashboard/+page.svelte | 22 +++++++++++++--------- 3 files changed, 23 insertions(+), 17 deletions(-) diff --git a/src/app.css b/src/app.css index a27f3f5..d6d2ec6 100644 --- a/src/app.css +++ b/src/app.css @@ -6,6 +6,7 @@ --card-border-color: #c9c8cb; --text-color: #1F2937; --text-secondary: #6B7280; + --page-horizontal-padding: 25px; } * { @@ -136,7 +137,7 @@ body { .welcome-container { min-height: 100vh; background: #F2F3F7; - padding: 2rem; + padding: 2rem var(--page-horizontal-padding); } .welcome-card { @@ -205,4 +206,4 @@ body { margin-bottom: 1rem; font-size: 0.9rem; border-left: 4px solid #059669; -} \ No newline at end of file +} diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte index 2055bde..5a36951 100644 --- a/src/lib/components/Navbar.svelte +++ b/src/lib/components/Navbar.svelte @@ -26,13 +26,14 @@ } .navbar-content { - max-width: 1600px; - margin: 0 auto; - padding: 0 20px; + padding: 0 var(--page-horizontal-padding); + margin-left: 16px; display: flex; align-items: center; justify-content: space-between; height: 70px; + width: 100%; + box-sizing: border-box; } .navbar-brand { @@ -81,7 +82,7 @@ @media (max-width: 768px) { .navbar-content { - padding: 0 15px; + padding: 0 var(--page-horizontal-padding); height: 60px; } @@ -111,7 +112,7 @@ .navbar-content { flex-direction: column; height: auto; - padding: 0px 15px; + padding: 0 var(--page-horizontal-padding); } .navbar-brand { @@ -127,4 +128,4 @@ font-size: 12px; } } - \ No newline at end of file + diff --git a/src/routes/dashboard/+page.svelte b/src/routes/dashboard/+page.svelte index f88f915..92f54ba 100644 --- a/src/routes/dashboard/+page.svelte +++ b/src/routes/dashboard/+page.svelte @@ -1104,11 +1104,15 @@ .welcome-container { min-height: 100vh; background: #F2F3F7; - padding: 2rem; + padding: 2rem var(--page-horizontal-padding); } :global(.welcome-container .container) { + width: 100%; max-width: 1800px; + margin: 0; + margin-right: auto; + padding: 0; } .welcome-card { @@ -1324,9 +1328,9 @@ display: flex; gap: 2rem; min-height: calc(100vh - 4rem); - max-width: 1600px; - margin: 0 auto; - padding: 0 20px; + padding: 0 var(--page-horizontal-padding); + width: 100%; + box-sizing: border-box; } .sidebar { @@ -1334,7 +1338,7 @@ background: white; border: 1px solid #c9c8cb; border-radius: 12px; - padding: 1.5rem; + padding: 1.5rem 1.5rem 1.5rem 0; height: fit-content; position: sticky; top: 2rem; @@ -1345,7 +1349,7 @@ justify-content: space-between; align-items: center; margin-bottom: 2rem; - padding-bottom: 1rem; + padding: 0 0 1rem 1.5rem; border-bottom: 1px solid var(--card-border-color); } @@ -1368,7 +1372,7 @@ .nav-menu { list-style: none; - padding: 0; + padding: 0 0 0 1.5rem; margin: 0; } @@ -1446,7 +1450,7 @@ .sidebar.mobile-open > * { background: white; border-radius: 12px; - margin: 2rem; + margin: 2rem var(--page-horizontal-padding); max-height: 80vh; overflow-y: auto; } @@ -1466,7 +1470,7 @@ @media (max-width: 768px) { .dashboard-layout { - padding: 0 15px; + padding: 0 var(--page-horizontal-padding); } .user-header {