website: add borders, add margins for sidenav

branding-cleanup
sammyette 2023-04-13 17:35:06 -04:00
parent 6acae91cb1
commit 919d9a61ac
Signed by: sammyette
GPG Key ID: 904FC49417B44DCD
3 changed files with 5 additions and 5 deletions

View File

@ -7,11 +7,11 @@
} }
</style> </style>
<div class="row"> <div class="row">
<nav class="navbar-expand-md bg-light sidenav"> <nav class="navbar-expand-md bg-light sidenav border-end">
<div class="container"> <div class="container">
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<nav class="navbar navbar-expand-md bg-light sidenav col" style="margin-top: -20px;"> <nav class="navbar navbar-expand-md bg-light sidenav col" style="margin-top: -20px;">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 flex-column col"> <ul class="navbar-nav me-auto mb-2 mb-lg-0 flex-column col mt-4">
{{ $currentPage := . }} {{ $currentPage := . }}
{{ range .Site.Menus.docs.ByWeight.Reverse }} {{ range .Site.Menus.docs.ByWeight.Reverse }}
<li class="nav-item"> <li class="nav-item">
@ -37,7 +37,7 @@
</div> </div>
</nav> </nav>
<container class="col" style="padding-left: 15px; padding-right: 15px"> <container class="col mt-2" style="padding-left: 15px; padding-right: 15px">
<div> <div>
<h1>{{ .Title }}</h1> <h1>{{ .Title }}</h1>
<p><em> <p><em>

View File

@ -1,4 +1,4 @@
<footer class="footer mt-auto mt-auto py-3 bg-light row"> <footer class="footer mt-auto mt-auto py-3 bg-light row border-top">
<div class="col mb-3"> <div class="col mb-3">
</div> </div>

View File

@ -1,5 +1,5 @@
<header> <header>
<nav class="navbar navbar-expand-md sticky-top bg-light"> <nav class="navbar navbar-expand-md sticky-top bg-light border-bottom">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/Hilbish"> <a class="navbar-brand" href="/Hilbish">
<img src="/Hilbish/hilbish-flower.png" alt="" height="24" class="d-inline-block align-text-top"> <img src="/Hilbish/hilbish-flower.png" alt="" height="24" class="d-inline-block align-text-top">