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 {
top: 3.70rem;
top: 3.7rem;
}
body[data-mode]:not([data-mode="draw"]) #drawNavButtons, [data-mode="draw"] #defaultNavButtons {
@ -164,7 +164,7 @@ #objectsListOverflowNotice {
position: absolute;
right: 0;
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) {
@ -416,16 +416,9 @@ .period-group.no-time-slider label {
}
@media (prefers-reduced-motion: reduce) {
body[data-init-done] .listTransitioning #innerContainer,
#bottomBar {
body[data-init-done] .listTransitioning #innerContainer, #bottomBar {
transition: none !important;
}
}
.navbar-brand img {
height: 2rem;
width: 2rem;
vertical-align: -0.5rem;
}
/* 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" href="_img/favicon.svg" type="image/svg+xml" class="js-site-favicon">
<link href="./_css/style.css" rel="stylesheet">
<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="./_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 rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
<script src="./_js/favicon.js" defer></script>
</head>
<body>
<nav class="navbar navbar-expand-md fixed-top bg-body border-bottom">
<div class="container">
<a class="navbar-brand text-body" href="./">
<a class="navbar-brand text-body d-flex align-items-center" href="./">
<picture>
<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>
The 2022 r/place Atlas
</a>

View file

@ -114,13 +114,13 @@
<div id="wrapper" class="listHidden">
<nav id="main-navbar" class="navbar navbar-expand-md fixed-top bg-body border-bottom">
<div class="container-fluid">
<a class="navbar-brand text-body" href="./">
<a class="navbar-brand text-body d-flex align-items-center" href="./">
<picture>
<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>
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>
<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>