Fixed nav alignment

Added missing icon import on about page
This commit is contained in:
mxdanger 2022-04-29 02:04:01 -07:00
parent d83e6d040b
commit c021923668
3 changed files with 12 additions and 18 deletions

View file

@ -61,7 +61,7 @@ @supports (backdrop-filter: blur()) or (-webkit-backdrop-filter: blur()) {
} }
#offcanvasList, #offcanvasDraw { #offcanvasList, #offcanvasDraw {
top: 3.70rem; top: 3.7rem;
} }
body[data-mode]:not([data-mode="draw"]) #drawNavButtons, [data-mode="draw"] #defaultNavButtons { body[data-mode]:not([data-mode="draw"]) #drawNavButtons, [data-mode="draw"] #defaultNavButtons {
@ -164,7 +164,7 @@ #objectsListOverflowNotice {
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 1rem; bottom: 1rem;
box-shadow: 0 .25rem 1rem rgba(17,17,17,.75)!important; box-shadow: 0 .25rem 1rem rgba(17,17,17,.75) !important;
} }
@media (max-width: 976px) { @media (max-width: 976px) {
@ -416,16 +416,9 @@ .period-group.no-time-slider label {
} }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
body[data-init-done] .listTransitioning #innerContainer, body[data-init-done] .listTransitioning #innerContainer, #bottomBar {
#bottomBar {
transition: none !important; transition: none !important;
} }
} }
.navbar-brand img {
height: 2rem;
width: 2rem;
vertical-align: -0.5rem;
}
/* purgecss end ignore */ /* purgecss end ignore */

View file

@ -40,18 +40,19 @@
<link rel="icon alternate" href="_img/favicon.png" type="image/png" class="js-site-favicon"> <link rel="icon alternate" href="_img/favicon.png" type="image/png" class="js-site-favicon">
<link rel="icon" href="_img/favicon.svg" type="image/svg+xml" class="js-site-favicon"> <link rel="icon" href="_img/favicon.svg" type="image/svg+xml" class="js-site-favicon">
<link href="./_css/style.css" rel="stylesheet"> <link rel="stylesheet" href="./_css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-dark.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-dark.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
<script src="./_js/favicon.js" defer></script> <script src="./_js/favicon.js" defer></script>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-md fixed-top bg-body border-bottom"> <nav class="navbar navbar-expand-md fixed-top bg-body border-bottom">
<div class="container"> <div class="container">
<a class="navbar-brand text-body" href="./"> <a class="navbar-brand text-body d-flex align-items-center" href="./">
<picture> <picture>
<source srcset="./_img/favicon-dark.svg" media="(prefers-color-scheme: dark)"> <source srcset="./_img/favicon-dark.svg" media="(prefers-color-scheme: dark)">
<img class="d-inline-block me-2" src="./_img/favicon.svg" alt=""> <img class="d-block me-2" height="32" width="32" src="./_img/favicon.svg" alt="">
</picture> </picture>
The 2022 r/place Atlas The 2022 r/place Atlas
</a> </a>

View file

@ -114,13 +114,13 @@
<div id="wrapper" class="listHidden"> <div id="wrapper" class="listHidden">
<nav id="main-navbar" class="navbar navbar-expand-md fixed-top bg-body border-bottom"> <nav id="main-navbar" class="navbar navbar-expand-md fixed-top bg-body border-bottom">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand text-body" href="./"> <a class="navbar-brand text-body d-flex align-items-center" href="./">
<picture> <picture>
<source srcset="./_img/favicon-dark.svg" media="(prefers-color-scheme: dark)"> <source srcset="./_img/favicon-dark.svg" media="(prefers-color-scheme: dark)">
<img class="d-inline-block me-2" src="./_img/favicon.svg" alt=""> <img class="d-block me-2" height="32" width="32" src="./_img/favicon.svg" alt="">
</picture> </picture>
The 2022 r/place Atlas The 2022 r/place Atlas
<span class="badge bg-warning text-dark d-none d-md-inline-block">Beta</span> <span class="badge bg-warning text-dark d-none d-md-inline-block ms-2">Beta</span>
</a> </a>
<button class="navbar-toggler text-body collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler text-body collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<i class="bi bi-list" aria-hidden="true"></i> <i class="bi bi-list" aria-hidden="true"></i>