diff --git a/src/App/App.css b/src/App/App.css index 927fe298cf7c0ae249803144271c62c11ce7a7bc..6d860fb2974cca32a762721f2cb5d04b15062940 100644 --- a/src/App/App.css +++ b/src/App/App.css @@ -4001,4 +4001,11 @@ figure img{ .nav-item, .basic-nav-dropdown, .nav-link{ border-radius: 10px; +} + +.navbar-brand .col { + padding-left: 0 !important; + padding-right: 0 !important; + margin-top: auto; + margin-bottom: auto; } \ No newline at end of file diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 72adc0d6ca3778f805a8f15bc226ea306cbdc7e7..972b95aec0a30ef54ea8d2dbe92258c9abe8c2ad 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -121,9 +121,19 @@ export function Navbar() { <BootstrapNavbar className="navbar-custom" expand="lg" bg="bg-transparent" variant="light"/* bg={isLightMode ? "d" : "l"} variant={isLightMode ? "dark" : "light"} */fixed="top"> <Container> <BootstrapNavbar.Brand> - <img src='https://static.igem.wiki/teams/5247/logos-team/precyse-no-slogan.png' style={{maxHeight: "5vh"}}/> - <img src='https://static.igem.wiki/teams/5247/logos-team/line-for-logos-offblack.svg' style={{maxHeight: "5vh"}}/> - <img src='https://static.igem.wiki/teams/5247/logos-team/igem-bielefeld-logo-our-colours.png' style={{maxHeight: "5vh"}}/> + <div className="row"> + <div className="col" style={{width: "fit-content"}}> + <a href='/home'><img src='https://static.igem.wiki/teams/5247/logos-team/precyse-no-slogan.png' style={{maxHeight: "5vh"}}/> </a> + </div> + <div className="col" style={{width: "fit-content"}}> + <img src='https://static.igem.wiki/teams/5247/logos-team/line-for-logos-offblack.svg' style={{maxHeight: "5vh"}}/> + </div> + <div className="col" style={{width: "fit-content"}}> + <img src='https://static.igem.wiki/teams/5247/logos-team/igem-bielefeld-logo-our-colours.png' style={{maxHeight: "5vh"}}/> + + </div> + + </div> </BootstrapNavbar.Brand> <BootstrapNavbar.Toggle aria-controls="basic-navbar-nav"/> <BootstrapNavbar.Collapse id="basic-navbar-nav">