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

20
frontend/src/lib/components/header/mobile.svelte
View File

@@ -61,14 +61,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>
<button
@@ -242,6 +242,7 @@
height: 38px;
display: flex;
align-items: center;
margin-top: -15px;
.logo-text {
padding: 0px 10px;
p {
@@ -250,22 +251,23 @@
}
& > #upper {
span {
font-family: "Grandstander" !important;
font-size: 30px;
font-family: "Dekko" !important;
font-size: 45px;
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: 10px;
font-size: 11px;
letter-spacing: 0.4px;
margin-top: -15px;
font-weight: bold;
color: orange;
font-family: "Grandstander" !important;
@@ -276,6 +278,8 @@
}
.img-logo-container {
height: 100%;
position: relative;
top: 15px;
img {
height: 100%;
width: auto;