ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-22 14:45:05 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed navbar on mobile

Browse source
This commit is contained in:
Thomas Smith 2023-02-14 12:09:22 -05:00
parent c2031ae403
commit dece1d752f
2 changed files with 1 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/layouts/partials/navbar.html
View file

@ -1,7 +1,7 @@
<nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto main-nav"> <nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto main-nav">
<div class="container-fluid top-nav"> <div class="container-fluid top-nav">
<a class="navbar-brand" href="/"><img src="/Images/tea-logo-1.png" class="top-logo" alt="top-logo"></a> <a class="navbar-brand" href="/"><img src="/Images/tea-logo-1.png" class="top-logo" alt="top-logo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" <button class="navbar-toggler me-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight"
aria-controls="offcanvasRight" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="offcanvasRight" aria-expanded="false" aria-label="Toggle navigation">
<i class="icon-hamburger-icon-square dark-gray"></i> <i class="icon-hamburger-icon-square dark-gray"></i>
</button> </button>
@ -17,22 +17,6 @@
</li> </li>
<style> <style>
.navbar-toggler{
border: none;
height: 60px;
padding: 0px !important;
border-radius: 0px !important;
}
.navbar-toggler i{
font-size: 60px;
}
.navbar-toggler:hover{
border: none !important;
background-color: #0f0f0f;
}
.hbtn { .hbtn {
background-color: #8000ff; background-color: #8000ff;
position: relative; position: relative;

29
src/static/css/navbar.css
View file

@ -1,30 +1 @@
/* Navbar General */
.navbar{
position: fixed;
width:100%;
padding: 0px !important;
height: 52px;
background-color: #1a1a1a !important;
text-transform: uppercase;
border-bottom: 1px solid gray;
}
/* Drop Verion */
.top-logo{
height: 50px;
width: 50px;
margin: 0px !important;
padding-top:0px;
}
.navbar-brand{
height: 100%;
margin: 0px !important;
padding: 0px !important;
}
div.container-fluid.top-nav{
padding: 0px !important;
}