fix
All checks were successful
deploy to production / deploy (push) Successful in 31s

This commit is contained in:
Robin Grenzdörfer 2023-08-17 08:01:56 +00:00
parent 068c6f0ca1
commit 04595d7094
3 changed files with 15 additions and 6 deletions

View File

@ -166,6 +166,7 @@
html, html,
body { body {
font-family: "Libre Franklin", sans-serif;
@media @mobile { @media @mobile {
font-size: @bodyfontsize; font-size: @bodyfontsize;
line-height: 1.4; line-height: 1.4;

View File

@ -19,7 +19,13 @@
} }
nextpage = pages[nextIndex] nextpage = pages[nextIndex]
} }
let blackBg = false
setInterval(() => { setInterval(() => {
if (location.pathname == "/") {
blackBg = true
} else {
blackBg = false
}
getNextPage($navigation.pages) getNextPage($navigation.pages)
if (location.pathname.split("/").filter((s) => s).length >= 2) { if (location.pathname.split("/").filter((s) => s).length >= 2) {
@ -43,7 +49,7 @@
} }
</script> </script>
<div class="footer"> <div class="footer" class:black-bg="{blackBg}">
{#if showNext} {#if showNext}
<button <button
class="upper-part" class="upper-part"
@ -73,13 +79,16 @@
<style lang="less"> <style lang="less">
@import "../assets/css/main.less"; @import "../assets/css/main.less";
.footer { .footer {
margin-top: 80px; padding-top: 80px;
display: flex; display: flex;
position: relative; position: relative;
z-index: 1000; z-index: 1000;
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-end;
color: @font-color-secondary; color: @font-color-secondary;
&.black-bg {
background-color: @bg-color-secondary;
}
.upper-part { .upper-part {
background-color: @bg-color-secondary; background-color: @bg-color-secondary;
padding: 10px 40px; padding: 10px 40px;

View File

@ -24,23 +24,22 @@
justify-content: start; justify-content: start;
flex-wrap: wrap; flex-wrap: wrap;
.icon { .icon {
margin: 30px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
width: 80px; width: 127px;
gap: 8px; gap: 8px;
max-width: 45%; max-width: 45%;
flex-grow: 1; flex-grow: 1;
@media @tablet { @media @tablet {
max-width: initial; max-width: initial;
flex-grow: initial; flex-grow: initial;
width: 107px; width: 157px;
gap: 20px; gap: 20px;
} }
img { img {
width: 100%; width: 75%;
height: auto; height: auto;
} }
.text { .text {