Fix profile menu overlaying side menu (#112)

* Fixed 38

* fix: adjusting z index of NavbarDrawer.vue

---------

Co-authored-by: Felix Bargfeldt <[email protected]>

Author: FabulousCodingFox

components/NavbarDrawer.vue

@@ -5,7 +5,7 @@
 		<Transition>
 			<section
 				v-if="show"
-				class="w-screen h-screen fixed left-0 top-0 z-50"
+				class="w-screen h-screen fixed left-0 top-0 z-[10000]"
 				@click.self="closeMenu"
 			>
 				<aside class="h-full w-72 bg-tertiary p-[5vw] sm:p-9 shadow-2xl">

tailwind.config.js

@@ -43,6 +43,11 @@ module.exports = {
       warning: 'var(--color-warning)',
     },
   },
+  extend: {
+    zIndex: {
+		  '100': '100',
+    }
+  },
   plugins: [
     plugin(function ({ addBase, addComponents, addUtilities, theme }) {
       addComponents({
@@ -281,8 +286,7 @@ module.exports = {
         },
         // transition duration-300 ease-out
         '.transition-basic': {
-          transitionProperty:
-						'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
+          transitionProperty: 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
           transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
           transitionDuration: '300ms',
         },