Mirrors/regenbogenkarte
2
0
Fork 0
mirror of https://github.com/Queer-Lexikon/regenbogenkarte synced 2025-02-16 12:58:28 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix: improve usability on iPhone 4

Browse source 
The old iPhone is just an example for really small screens, but it's now
somehow usable on this devices as well.
This commit is contained in:
nachtjasmin 2022-09-08 17:08:15 +02:00 • committed by Jasmin
parent cd332661fb
commit 2f70970df1
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -169,7 +169,7 @@
<div class="flex-shrink-0 w-14 flex-grow" aria-hidden="true">
<!-- Dummy element to force sidebar to shrink to fit close icon -->
</div>
<div class="relative flex-1 flex flex-col max-w-sm w-full pt-6 bg-ql-pink">
<div class="relative flex flex-col max-w-sm w-full pt-6 bg-ql-pink">
<!-- close button-->
<div class="absolute top-0 left-0 -ml-12 pt-2">
<button
@ -193,7 +193,7 @@
</button>
</div>
<div class="flex-1 px-4 space-y-4">
<div class="flex-1 px-4 space-y-4 overflow-y-auto">
<p class="font-semibold text-neutral-700 text-lg mb-1">tra-la-carte</p>
<p>
Eine Übersichtskarte über queere Jugendverbände in Deutschland, Österreich und der
@ -213,7 +213,7 @@
</p>
<div>
<h2 class="font-semibold text-center mb-4">Legende:</h2>
<ul data-id="legend-list" class="flex flex-row gap-4"></ul>
<ul data-id="legend-list" class="flex flex-col sm:flex-row gap-4"></ul>
</div>
<nav>