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

More navbar styling

Browse source
This commit is contained in:
Thomas Smith 2022-09-07 15:40:11 -04:00
parent 78e970c58d
commit f5d748a4a4
3 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/layouts/index.html
View file

@ -3,7 +3,7 @@
<div class="container">
<div class="row">
<div class="col">
<h1>Keep what<br><span style="float:right;">is yours.</span></h1>
<h1>Keep <span class="white">what</span><br><span style="float:right;">is yours.</span></h1>
</div>
</div>
<div class="row">

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

@ -1,6 +1,6 @@
<nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto main-nav">
<div class="container-fluid top-nav">
<a class="navbar-brand" href="#"><img src="/Images/tea-logo-1.png"></a>
<a class="navbar-brand" href="#"><img class="nav-logo" src="/Images/tea-logo-1.png"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span>
@ -27,4 +27,3 @@
</div>
</div>
</nav>
<hr>

10
src/static/css/style.css
View file

@ -25,6 +25,16 @@ div.container-fluid.top-nav{
.navbar{
background-color: #1a1a1a !important;
height: 80px;
border-bottom: 2px solid #949494;
}
.nav-logo{
width: 78px;
transition: 0.2s ease-in-out;
}
.nav-logo:hover{
transform: scale(0.9);
}
.nav-item{