wm-fontis/wm-fontis-tibi-2023
3
0
Fork 0
generated from cms/tibi-docs
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

last changes

Browse Source
This commit is contained in:
Robin Grenzdörfer
2023-08-15 12:48:43 +00:00
parent c29765dd09
commit c9135d03cf
17 changed files with 138 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
frontend/src/lib/components/Footer.svelte
View File

@@ -56,14 +56,16 @@
<div class="lower">{nextpage?.name}</div>
</button>{/if}
<div class="lower-part">
<div class="links">
<button>Datenschutz</button>
<button>Impressum</button>
</div>
<div class="contact">
<button>0711 644 700-0</button>
<div class="container">
<div class="links">
<button>Datenschutz</button>
<button>Impressum</button>
</div>
<div class="contact">
<button>0711 644 700-0</button>
<button> <a href="mailto:info@fontis.de" class="button"> info@fontis.de</a></button>
<button> <a href="mailto:info@fontis.de" class="button"> info@fontis.de</a></button>
</div>
</div>
</div>
</div>
@@ -103,34 +105,41 @@
}
.lower-part {
padding: 40px 40px;
padding: 40px 20px;
background-color: @bg-color-secondary;
width: 100%;
display: flex;
flex-direction: column;
.links,
.contact {
justify-content: center;
.container {
max-width: 1800px;
width: 100%;
display: flex;
justify-content: space-between;
padding: 10px 0px;
}
button {
color: @font-color-secondary;
a {
color: @font-color-secondary;
font-weight: normal;
}
}
@media @tablet {
padding: 80px 40px;
flex-direction: row;
justify-content: space-between;
padding: 0px 2.5vw;
flex-direction: column;
.links,
.contact {
display: flex;
justify-content: flex-start;
gap: 40px;
padding: 0px;
justify-content: space-between;
padding: 10px 0px;
}
button {
color: @font-color-secondary;
a {
color: @font-color-secondary;
font-weight: normal;
}
}
@media @tablet {
padding: 80px 2.5vw;
flex-direction: row;
justify-content: space-between;
.links,
.contact {
display: flex;
justify-content: flex-start;
gap: 40px;
padding: 0px;
}
}
}
}