Commit c5bf3353 authored by Sandro Lutz's avatar Sandro Lutz Committed by lic
Browse files

Fix max-width issue on footer

parent 63a5f723
......@@ -2,46 +2,66 @@
footer {
background-color: @color-dark-blue;
color: @color-grey;
> div {
display: grid;
grid-template-columns: repeat(6, 1fr);
color: @color-grey;
padding: 0 1em;
margin: 0 auto;
div.copyright {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
grid-column: ~'1 / 3';
@media @wide, @desktop {
grid-template-columns: 1fr auto auto;
grid-template-areas: 'copyright eth-logo vseth-logo';
max-width: @dimension-max-content-width;
}
.copyright {
padding-right: 1em;
border-right: 1px solid #fff;
@media @tablet {
grid-template-columns: 1fr auto auto;
grid-template-areas: 'copyright eth-logo vseth-logo';
font-size: .7em;
}
@media @mobile {
display: block;
grid-column: ~'1 / 7';
border-right: none;
padding: 2em 0 0;
margin-bottom: 1em;
grid-template-columns: 1fr 1fr;
grid-template-areas:
'copyright copyright'
'eth-logo vseth-logo';
}
}
}
footer div.copyright {
display: flex;
align-items: center;
justify-content: left;
grid-area: copyright;
padding: 2.5em 0;
@media @mobile {
justify-content: center;
}
a {
margin-left: 1em;
color: @color-red;
text-decoration: none;
}
}
}
footer .vseth {
grid-area: vseth-logo;
}
div.footer-logo {
footer .eth {
grid-area: eth-logo;
}
footer div.footer-logo {
width: 100%;
display: flex;
justify-content: center;
grid-column: span 2;
@media @mobile {
grid-column: span 3;
}
align-items: center;
a {
position: relative;
......@@ -52,5 +72,4 @@ footer {
background-color: @color-dark-blue;
}
}
}
}
......@@ -34,7 +34,9 @@ export default class Footer {
}
view() {
return m('footer', [
return m(
'footer',
m('div', [
m('div.copyright', [
m('span', `© 1893 - ${new Date().getFullYear()} AMIV an der ETH`),
m(
......@@ -54,6 +56,7 @@ export default class Footer {
},
renderVseth(this.coord)
),
]);
])
);
}
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment