From b0e8c061a0c412e9b2667cabfdc7e1d3061e11c9 Mon Sep 17 00:00:00 2001
From: Shraddha <shraddharaghuram@student.tudelft.nl>
Date: Wed, 21 Aug 2024 10:54:18 +0000
Subject: [PATCH] logo fix another attempt
---
static/navbar.css | 24 +++++++++++++++++++++---
1 file changed, 21 insertions(+), 3 deletions(-)
diff --git a/static/navbar.css b/static/navbar.css
index 325a8b6..bc20eba 100644
--- a/static/navbar.css
+++ b/static/navbar.css
@@ -11,7 +11,7 @@ body{
background: #C6EBE8;
}
.my-nav{
- top: 0;
+ /* top: 0;
width: 100%;
height: 78px;
background: #C6EBE8;
@@ -20,18 +20,36 @@ body{
justify-content: space-between;
position: fixed;
z-index: 10;
+ transition: all 0.2s linear; */
+ height: 100px; /* Increase the height of the nav container */
+ display: flex;
+ justify-content: space-between;
+ position: fixed;
+ width: 100%;
+ z-index: 10;
transition: all 0.2s linear;
+ backdrop-filter: blur(5px);
+ background: #C6EBE8;
}
.my-nav .icon{
- flex-basis: 200px;
+ /* flex-basis: 200px;
margin-top: 10px;
margin-left: 5px;
margin-bottom: 7px;
background-image: url(https://static.igem.wiki/teams/5054/logo-kleur.svg);
background-position-x: -30px;
text-decoration: none;
+ 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-top: 10px;
+ margin-left: 30px;
+ margin-bottom: 7px;
+ 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
+ overflow: visible; /* Prevent cutting off the logo */
}
.my-navbar{
height: 50px;
--
GitLab