Improve mobile layout #17

Merged
blek merged 5 commits from mobile-header into 0.2-dev 2023-11-11 09:28:01 +01:00
1 changed files with 5 additions and 4 deletions
Showing only changes of commit abd77c9bc7 - Show all commits

View File

@ -17,14 +17,15 @@
<style> .footer svg { height: 32px; margin: 10px 0 } </style> <style> .footer svg { height: 32px; margin: 10px 0 } </style>
<style> <style>
.header .header-text, .header .header-home, .header .header-bg { transition: 250ms ease; }
@media (max-width:667px) { @media (max-width:667px) {
.header-text { text-align: center } .header .header-text { text-align: center }
.header-home { width: 100% } .header .header-home { width: 100% }
.header-bg { left: 50% !important; transform: translateX(-50%); -webkit-mask-image: linear-gradient(90deg, #0000, #000, #0000); } .header .header-bg { left: 50% !important; transform: translateX(-50%); -webkit-mask-image: linear-gradient(90deg, #0000, #000, #0000); }
{%- if conf.brand.instance_motto.len() != 0 -%} {%- if conf.brand.instance_motto.len() != 0 -%}
.header-home-motto { .header .header-home-motto {
display:none display:none
} }
{%- endif -%} {%- endif -%}