From 7ba261a6d153c66e544a0b1f8605835a7c0c712c Mon Sep 17 00:00:00 2001 From: abhiramtx <7253115-abhiramtx@users.noreply.replit.com> Date: Sun, 9 Nov 2025 00:13:21 +0000 Subject: [PATCH] Reduce the size of navigation bar elements and text Adjusted padding, logo height, gap between links, and font size in the CSS to decrease the overall size of the navbar. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 75bceff7-98f2-4f6e-ae8e-e735399a1fe8 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 1493788d-272d-49bf-a6fd-3f6832a4633c Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/75bceff7-98f2-4f6e-ae8e-e735399a1fe8/o85X2r0 --- static/css/styles.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/static/css/styles.css b/static/css/styles.css index 60c4e07..8629709 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -65,7 +65,7 @@ body::after { .navbar-inner { display: flex; align-items: center; - padding: 20px 40px; + padding: 12px 28px; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); @@ -76,19 +76,19 @@ body::after { .navbar-logo { display: flex; align-items: center; - padding-right: 28px; + padding-right: 20px; border-right: 1px solid rgba(255, 255, 255, 0.15); margin-right: auto; } .navbar-logo img { - height: 44px; + height: 36px; display: block; } .navbar-links { display: flex; - gap: 48px; + gap: 40px; align-items: center; position: absolute; left: 50%; @@ -100,7 +100,7 @@ body::after { text-decoration: none; font-family: var(--font-body); font-weight: 500; - font-size: 16px; + font-size: 13px; transition: color 0.2s ease; }