From 877db1f4c3a7012d9ad6439043f85feffd19a4f2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Miko=C5=82ajczak?= <Mateusz@appunitesmac251.home>
Date: Thu, 28 Sep 2023 10:03:09 +0200
Subject: [PATCH] fix(drawer): change z indexes
---
src/components/FunctionalArea/FunctionalArea.component.tsx | 6 +++---
src/components/Map/Map.component.tsx | 2 +-
2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/components/FunctionalArea/FunctionalArea.component.tsx b/src/components/FunctionalArea/FunctionalArea.component.tsx
index 73c95e42..22043804 100644
--- a/src/components/FunctionalArea/FunctionalArea.component.tsx
+++ b/src/components/FunctionalArea/FunctionalArea.component.tsx
@@ -4,13 +4,13 @@ import { MapNavigation } from '@/components/FunctionalArea/MapNavigation';
export const FunctionalArea = (): JSX.Element => (
<>
- <div className="absolute top-0 left-0 z-20 w-full">
+ <div className="absolute top-0 left-0 z-10 w-full">
<TopBar />
</div>
- <div className="absolute left-[88px] top-16 z-20 w-[calc(100%-88px)]">
+ <div className="absolute left-[88px] top-16 z-10 w-[calc(100%-88px)]">
<MapNavigation />
</div>
- <div className="absolute top-16 left-0 z-20 h-[calc(100%-64px)] flex">
+ <div className="absolute top-16 left-0 z-10 h-[calc(100%-64px)] flex">
<NavBar />
</div>
</>
diff --git a/src/components/Map/Map.component.tsx b/src/components/Map/Map.component.tsx
index 7fb43320..b2b8b6cb 100644
--- a/src/components/Map/Map.component.tsx
+++ b/src/components/Map/Map.component.tsx
@@ -3,7 +3,7 @@ import { Drawer } from '@/components/Map/Drawer';
import Image from 'next/image';
export const Map = (): JSX.Element => (
- <div className="w-100 h-screen bg-black relative" data-testid="map-container">
+ <div className="w-100 h-screen bg-black relative z-0" data-testid="map-container">
<Drawer />
<Image src={mapImg} fill sizes="100vw" alt="map" className="z-0" />
</div>
--
GitLab