fix: place hamburger menu above emergency button

This commit is contained in:
nachtjasmin 2022-09-08 17:07:48 +02:00 committed by Jasmin
parent b15bfc0a73
commit cd332661fb
2 changed files with 7 additions and 3 deletions

View file

@ -161,11 +161,11 @@
</section>
<!-- HAMBURGER MENU START -->
<div class="relative z-40 lg:hidden menu" id="menu" role="dialog" aria-modal="true">
<div class="relative z-menu lg:hidden menu" id="menu" role="dialog" aria-modal="true">
<!-- backdrop -->
<div class="fixed inset-0 bg-neutral-600 bg-opacity-75 backdrop-blur-sm"></div>
<div class="fixed inset-0 flex z-40">
<div class="fixed inset-0 flex z-menu">
<div class="flex-shrink-0 w-14 flex-grow" aria-hidden="true">
<!-- Dummy element to force sidebar to shrink to fit close icon -->
</div>
@ -235,7 +235,7 @@
<!-- #region Emergency button -->
<button
id="emergency-button"
class="bg-red-800 bottom-0 sticky text-white px-4 py-3 z-[1000] md:absolute md:right-2 md:bottom-6 md:rounded-full"
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
</button>

View file

@ -18,6 +18,10 @@ module.exports = {
fontFamily: {
sans: ["Ubuntu", ...defaultTheme.fontFamily.sans],
},
zIndex: {
emergencyButton: 1000,
menu: 1001,
},
},
},
plugins: [require("@tailwindcss/forms")],