Kleine Verbesserungen in der Anzeige auf dem Handy

This commit is contained in:
Simon Martens
2023-03-23 16:51:14 +01:00
parent d63fa3b0a7
commit 6f13da1d33
11 changed files with 39 additions and 27 deletions

View File

@@ -1,8 +1,8 @@
<header class="flex flex-row justify-between desktop:justify-start desktop:block">
<div class="flex flex-row desktop:block">
<img class="h-20 desktop:h-auto desktop:px-12 desktop:pb-4 desktop:pt-8" src="/static/logo/JLA.png" alt="jla-Logo">
<h1 class="px-3 py-2 pb-4 text-5xl font-bold text-center border-t-gray-200 text-black bg-slate-100 border-l-2 border-r-2 border-slate-300 shadow-sm">
<img class="h-14 md:h-20 desktop:h-auto desktop:px-12 desktop:pb-4 desktop:pt-8" src="/static/logo/JLA.png" alt="jla-Logo">
<h1 class="ml-6 dektop:px-3 desktop:py-2 desktop:pb-4 text-3xl leading-none sm:text-5xl font-bold desktop:text-center desktop:border-t-gray-200 text-black desktop:bg-slate-100 desktop:border-l-2 desktop:border-r-2 desktop:border-slate-300 desktop:shadow-sm">
{{ 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-lenz-11-blue shadow-sm">
@@ -10,8 +10,13 @@
<br> Jakob Michael Reinhold Lenz Archiv Heidelberg
</h2> #}
</div>
<button class="border rounded-md w-16 h-16 desktop:hidden" id="navigation-button">
<svg class="m-1.5 sm:m-3 desktop:hidden" role="img" id="navigation-button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="hamburgerIconTitle">
<title id="hamburgerIconTitle">Menu</title>
<path d="M6 7L18 7M6 12L18 12M6 17L18 17"></path>
</svg>
{# <button class="" >
Menu
</button>
</button> #}
</header>

View File

@@ -1,8 +1,8 @@
<div class="hidden desktop:block">
<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-lenz-11-blue grow" type="text" placeholder="Suchbegriff..."/>
<button class="inline-block ml-2 px-2 border border-lenz-11-blue ">Suche</button>
<input class="px-1.5 italic border border-gray-500 grow" type="text" placeholder="Suchbegriff..." disabled/>
<button class="inline-block ml-2 px-2 border border-gray-500 text-gray-500 italic " disabled>Suche</button>
</form>
</div>
</div>