Mobil Optimierungen

This commit is contained in:
Simon Martens
2023-02-07 23:21:09 +01:00
parent 0cc6f3bf8e
commit f94d53f9b5
14 changed files with 127 additions and 85 deletions

View File

@@ -1,4 +1,4 @@
{% include "header.njk" %}
{% include "nav.njk" %}
{% include "nav.njk" %}
{% include "search.njk" %}
{% include "footer.njk" %}

View File

@@ -1,4 +1,4 @@
<footer class="hidden desktop:block text-base text-center py-1 px-4 grow-0 shrink-0 ">
<footer class="hidden desktop:block fixed bottom-0 text-base text-center py-1 px-4 grow-0 shrink-0">
Stand: 30.1.2023
| <a class="underline underline-offset-[3px] decoration-dotted hover:decoration-solid" href="https://github.com/schnulller/jacoblenz">Code</a> |
<a class="underline underline-offset-[3px] decoration-dotted hover:decoration-solid" href="/datenschutz/">Datenschutz & Impressum</a>

View File

@@ -5,13 +5,13 @@
<h1 class="px-3 py-2 pb-4 text-5xl font-bold text-center">
{{ config.title }}
</h1>
<h2 class="hidden desktop:block py-2 border-t-gray-200 px-5 text-xl text-black bg-slate-200 border-l-4 border-slate-600 shadow-sm">
<h2 class="hidden desktop:block py-2 border-t-gray-200 px-5 text-xl text-black bg-slate-200 border-l-4 border-lenz-11-blue shadow-sm">
{{ config.shortdescription }}
{# <br> Forschungsstelle zum Schriftsteller Jacob Michael Reinhold Lenz. #}
</h2>
</div>
<button class="border rounded-md w-16 h-16 desktop:hidden" id="navigation-button">
Menu
</div>
</button>
</header>

View File

@@ -1,8 +1,8 @@
<div class="hidden desktop:block">
<div class="bg-slate-50 border-t border-slate-600 py-5 px-4">
<div class="bg-slate-50 border-t border-lenz-11-blue py-5 px-4">
<form class="flex flex-row w-full">
<input class="px-1.5 italic border border-slate-600 grow" type="text" placeholder="Suchbegriff..."/>
<button class="inline-block ml-2 px-2 border border-slate-600 ">Suche</button>
<input class="px-1.5 italic border border-lenz-11-blue grow" type="text" placeholder="Suchbegriff..."/>
<button class="inline-block ml-2 px-2 border border-lenz-11-blue ">Suche</button>
</form>
</div>
</div>