alternative display for header in mobile mode

This commit is contained in:
blek 2023-11-03 19:35:51 +10:00
parent a685f5db84
commit 8ca1ba238c
Signed by: blek
GPG Key ID: 14546221E3595D0C
1 changed files with 16 additions and 1 deletions

View File

@ -16,6 +16,21 @@
<title>{{ conf.brand.instance_name }}</title>
<style> .footer svg { height: 32px; margin: 10px 0 } </style>
<style>
@media (max-width:667px) {
.header-text { text-align: center }
.header-home { width: 100% }
.header-bg { left: 50% !important; transform: translateX(-50%); -webkit-mask-image: linear-gradient(90deg, #0000, #000, #0000); }
{%- if conf.brand.instance_motto.len() != 0 -%}
.header-home-motto {
display:none
}
{%- endif -%}
}
</style>
{%- if cfg!(debug_assertions) -%}
<link rel="stylesheet" href="/alert.css" />
@ -33,7 +48,7 @@
{{- conf.brand.instance_name -}}
{%- if conf.brand.instance_motto.len() != 0 -%}
{#- Whitespace control is stupid -#}
{{- " - " -}}{{- conf.brand.instance_motto -}}
<span class="header-home-motto">{{- " - " -}}{{- conf.brand.instance_motto -}}</span>
{%- endif -%}
</a>
</div>