Grit-Grenzdoerfer/wm-AllKids-tibi2023
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes
All checks were successful
deploy to production / deploy (push) Successful in 54s
Details

Browse Source
This commit is contained in:
Robin Grenzdörfer
2023-10-08 17:23:18 +00:00
parent 3da5d3aa71
commit 5d79bdd415
15 changed files with 249 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/lib/components/header/desktop.svelte
View File

@@ -3,9 +3,11 @@
import { apiBaseURL } from "../../../config"
import { navigate } from "svelte-routing"
export let show = false
function changeStateOfSite(menuOn: boolean) {
let siteContainer = document.body
show = menuOn
console.log("TEST")
if (menuOn) siteContainer.style.overflow = "hidden"
else siteContainer.style.overflow = "initial"
}
@@ -63,14 +65,14 @@
}}"
>
<button class="img-logo-container">
<img src="/media/Radfahrer.svg" alt="logo" />
<img src="/media/MädchenmitBlume.svg" alt="logo" />
</button>
<div class="logo-text">
<p id="upper"><span class="yellow">ALL</span> <span class="red">KIDS</span></p>
<p id="upper"><span class="yellow">all</span> <span class="red">kids</span></p>
<p id="lower">SO GÜNSTIG WIE NACHHALTIG</p>
</div>
<button class="img-logo-container">
<img src="/media/MädchenmitBlume.svg" alt="logo" />
<img src="/media/Radfahrer.svg" alt="logo" />
</button>
</button>
<ul class="menuitem-container">
@@ -205,6 +207,7 @@
height: 60px;
display: flex;
align-items: center;
margin-top: -15px;
.logo-text {
padding: 0px 10px;
p {
@@ -213,23 +216,24 @@
}
& > #upper {
span {
font-family: "Grandstander" !important;
font-size: 42px;
font-family: "Dekko" !important;
font-size: 60px;
font-weight: 700;
word-spacing: 5px;
letter-spacing: 4px;
&.red {
color: red;
color: rgb(184, 16, 16);
}
&.yellow {
color: yellow;
color: rgb(184, 16, 16);
}
}
}
& > #lower {
font-size: 13px;
font-size: 14px;
letter-spacing: 0.4px;
font-weight: bold;
margin-top: -17px;
color: orange;
font-family: "Grandstander" !important;
}
@@ -239,6 +243,8 @@
}
.img-logo-container {
height: 100%;
position: relative;
top: 20px;
img {
height: 100%;
width: auto;