header optimization

This commit is contained in:
Jottyfan 2023-01-29 20:39:47 +01:00
parent 9e7850a4a1
commit 6ae60fad8c
4 changed files with 11 additions and 8 deletions

View File

@ -18,7 +18,7 @@ apply plugin: 'war'
apply plugin: 'application' apply plugin: 'application'
group = 'de.jottyfan.camporganizer' group = 'de.jottyfan.camporganizer'
version = '0.2.9' version = '0.3.0'
sourceCompatibility = 17 sourceCompatibility = 17
mainClassName = "de.jottyfan.camporganizer.Main" mainClassName = "de.jottyfan.camporganizer.Main"

View File

@ -94,6 +94,7 @@ div {
background-image: linear-gradient(to bottom, rgb(154, 153, 150), #fff); background-image: linear-gradient(to bottom, rgb(154, 153, 150), #fff);
border-radius: 6px; border-radius: 6px;
font-family: 'Fira Sans'; font-family: 'Fira Sans';
z-index: 10000;
} }
.versionlink { .versionlink {

View File

@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<nav id="menubar" class="navbar sticky-top navbar-expand-lg navbar-light bg-light headerlayout"> <nav id="menubar" class="navbar sticky-top navbar-expand-lg navbar-light bg-light headerlayout">
<a class="navbar-brand" href="https://www.onkelwernerfreizeiten.de"><img src="images/logo.png" width="128px" /></a> <span class="navbar-brand"><img src="images/logo.png" width="128px" style="margin-left: 8px" /></span>
<button id="navbar-toggler" class="navbar-toggler gray-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" <button id="navbar-toggler" class="navbar-toggler gray-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>

View File

@ -20,13 +20,15 @@
<script th:src="@{/js/progress.js}"></script> <script th:src="@{/js/progress.js}"></script>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg bg-light navbar-background"> <nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light headerlayout navbar-background">
<span class="navbar-brand"><img th:src="@{/images/logo.png}" width="128px" /></span> <span class="navbar-brand"><img th:src="@{/images/logo.png}" width="128px" style="margin-left: 8px" /></span>
<div class="container-fluid"> <!-- remove? -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"> <!-- <div class="container-fluid">
<!-- -->
<button class="navbar-toggler" style="margin-right: 40px" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent" style="margin-right: 20px">
<ul layout:fragment="header"></ul> <ul layout:fragment="header"></ul>
<ul class="nav navbar-nav ms-auto right-dist"> <ul class="nav navbar-nav ms-auto right-dist">
<li> <li>
@ -39,7 +41,7 @@
</li> </li>
</ul> </ul>
</div> </div>
</div> <!-- </div> -->
</nav> </nav>
<div layout:fragment="content">content</div> <div layout:fragment="content">content</div>
<div class="versionclip"> <div class="versionclip">