KeshavAnandCode/FTCWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve navigation bar by adjusting logo size and spacing

Browse Source 
Adjusted padding, logo size, and font size within the navbar-inner and navbar-links CSS classes in static/css/styles.css.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 75bceff7-98f2-4f6e-ae8e-e735399a1fe8
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: a9094ad6-0f90-49cb-8725-36a168075686
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/75bceff7-98f2-4f6e-ae8e-e735399a1fe8/zMkOx1V
This commit is contained in:
abhiramtx
2025-11-09 00:15:33 +00:00
parent 7ba261a6d1
commit 3af68ce79f
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
static/css/styles.css
View File

@@ -65,7 +65,7 @@ body::after {
.navbar-inner { .navbar-inner {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 12px 28px; padding: 18px 32px;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(12px); backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
@@ -78,11 +78,10 @@ body::after {
align-items: center; align-items: center;
padding-right: 20px; padding-right: 20px;
border-right: 1px solid rgba(255, 255, 255, 0.15); border-right: 1px solid rgba(255, 255, 255, 0.15);
margin-right: auto;
} }
.navbar-logo img { .navbar-logo img {
height: 36px; height: 40px;
display: block; display: block;
} }
@@ -90,9 +89,8 @@ body::after {
display: flex; display: flex;
gap: 40px; gap: 40px;
align-items: center; align-items: center;
position: absolute; justify-content: center;
left: 50%; flex: 1;
transform: translateX(-50%);
} }
.navbar-links a { .navbar-links a {
@@ -100,7 +98,7 @@ body::after {
text-decoration: none; text-decoration: none;
font-family: var(--font-body); font-family: var(--font-body);
font-weight: 500; font-weight: 500;
font-size: 13px; font-size: 15px;
transition: color 0.2s ease; transition: color 0.2s ease;
} }