From 27314fcb5c88cdc6706aa4f9ebdb284e7cc2f4e0 Mon Sep 17 00:00:00 2001
From: Shraddha <shraddharaghuram@student.tudelft.nl>
Date: Fri, 23 Aug 2024 10:19:39 +0000
Subject: [PATCH] adjust navbar
---
static/navbar.css | 10 +++++-----
1 file changed, 5 insertions(+), 5 deletions(-)
diff --git a/static/navbar.css b/static/navbar.css
index b9c7194..00f25bc 100644
--- a/static/navbar.css
+++ b/static/navbar.css
@@ -27,10 +27,11 @@ body{
position: fixed;
z-index: 10;
transition: all 0.2s linear; */
- height: 100px;
- display: flex;
+ /* height: 100px; */
+ /* display: flex; */
position: fixed; /* Keep the navbar fixed at the top of the viewport */
top: 0; /* Align it to the very top of the page */
+ left: -10px;
width: 100%; /* Make sure it spans the full width of the page */
z-index: 10; /* Ensure it stays above other content */
backdrop-filter: blur(5px); /* Optional: Keep this for a blurred background */
@@ -38,7 +39,7 @@ body{
margin: 0; /* Remove any margin */
padding: 0; /* Remove any padding */
align-items: center; /* Ensure vertical alignment */
- padding-top: 10px;
+ /* padding-top: 10px; */
}
.my-nav .icon{
/* flex-basis: 200px;
@@ -51,13 +52,12 @@ body{
background-repeat: no-repeat; */
flex-basis: 200px; /* Make sure this is large enough for the logo */
height: 100%; /* Ensure the icon container height matches the nav */
- margin: 0 30px; /* Adjust margin to properly position the logo */
+ margin: 5px 30px 0 30px; /* Adjust margin to properly position the logo */
background-image: url(https://static.igem.wiki/teams/5054/logo-kleur.svg);
background-size: contain; /* Adjust to contain the entire logo */
background-position: center; /* Center the logo */
background-repeat: no-repeat;
overflow: visible; /* Prevent cutting off the logo */
- padding-top: 10px;
}
.my-navbar{
height: 50px;
--
GitLab