mirror of
https://github.com/Queer-Lexikon/regenbogenkarte
synced 2025-02-16 12:58:28 +00:00
feat: align buttons horizontally on mobile
This commit is contained in:
parent
05a593b0b4
commit
fb5765dd42
1 changed files with 12 additions and 11 deletions
11
index.html
11
index.html
|
@ -233,18 +233,19 @@
|
||||||
<!-- HAMBURGER MENU END -->
|
<!-- HAMBURGER MENU END -->
|
||||||
|
|
||||||
<!-- #region Emergency button -->
|
<!-- #region Emergency button -->
|
||||||
|
<div
|
||||||
|
class="flex sticky md:absolute bottom-0 justify-evenly z-emergencyButton md:flex-col gap-y-2 md:bottom-6 md:right-2"
|
||||||
|
>
|
||||||
<button
|
<button
|
||||||
id="reset-button"
|
id="reset-button"
|
||||||
class="bg-ql-purple bottom-0 sticky text-white px-4 py-3 md:absolute md:right-2 md:bottom-20 md:rounded-full"
|
class="bg-ql-purple text-white px-4 py-3 md:rounded-full w-full border-r border-white"
|
||||||
>
|
>
|
||||||
Reset
|
Reset
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button id="emergency-button" class="bg-red-800 text-white px-4 py-3 md:rounded-full w-full">
|
||||||
id="emergency-button"
|
|
||||||
class="bg-red-800 bottom-0 sticky text-white px-4 py-3 z-emergencyButton md:absolute md:right-2 md:bottom-6 md:rounded-full"
|
|
||||||
>
|
|
||||||
Notausgang
|
Notausgang
|
||||||
</button>
|
</button>
|
||||||
|
</div>
|
||||||
<!-- #endregion -->
|
<!-- #endregion -->
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Add table
Reference in a new issue