feat: Add sticky navigation
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

This commit is contained in:
moanos [he/him] 2024-07-21 23:12:39 +02:00
parent 6012d48197
commit 07f999aeb2
2 changed files with 26 additions and 0 deletions

View File

@ -20,9 +20,13 @@
} }
body { body {
margin: 0;
background: var(--background-one); background: var(--background-one);
color: var(--text-two); color: var(--text-two);
} }
.content {
margin: 10px;
}
h1, h2 { h1, h2 {
word-wrap: break-word; word-wrap: break-word;
@ -30,6 +34,11 @@ h1, h2 {
text-shadow: 2px 2px var(--shadow-one); text-shadow: 2px 2px var(--shadow-one);
} }
a {
color: inherit;
text-decoration: none;
}
.container-form { .container-form {
background: var(--background-three); background: var(--background-three);
color: var(--text-two); color: var(--text-two);
@ -184,3 +193,14 @@ input.measurement {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.navigation-sticky {
background-color: var(--secondary-light-one);
color: var(--primary-light-one);
padding: 16px;
margin: 0;
border-bottom-right-radius: 8px;
border: none;
font-weight: bold;
width: 20%;
}

View File

@ -8,6 +8,12 @@
</head> </head>
<body> <body>
<div class="navigation-sticky">
<a href="https://notfellchen.org">
<b>zurück zur Homepage</b>
</a>
</div>
<h1>Käfigrechner</h1> <h1>Käfigrechner</h1>
<div class="content"> <div class="content">
<div class="container-form"> <div class="container-form">