From 37e6497e88cc0a14dae7d7cf99a4f93357d153bf Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 13 Dec 2023 11:02:56 +0530
Subject: [PATCH] fix: z-index

---
 packages/hoppscotch-common/assets/scss/styles.scss        | 2 +-
 packages/hoppscotch-sh-admin/assets/scss/styles.scss      | 2 +-
 packages/hoppscotch-ui/src/assets/scss/histoire.scss      | 2 +-
 packages/hoppscotch-ui/src/components/smart/Modal.vue     | 2 +-
 packages/hoppscotch-ui/src/components/smart/SlideOver.vue | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/hoppscotch-common/assets/scss/styles.scss b/packages/hoppscotch-common/assets/scss/styles.scss
index ed8a09bb5..2766bfadf 100644
--- a/packages/hoppscotch-common/assets/scss/styles.scss
+++ b/packages/hoppscotch-common/assets/scss/styles.scss
@@ -368,7 +368,7 @@ pre.ace_editor {
 
 .toasted-container {
   @apply max-w-md;
-  @apply z-[100000];
+  @apply z-[10000];
 
   .toasted {
     &.toasted-primary {
diff --git a/packages/hoppscotch-sh-admin/assets/scss/styles.scss b/packages/hoppscotch-sh-admin/assets/scss/styles.scss
index baaca34f6..7b9c8dd38 100644
--- a/packages/hoppscotch-sh-admin/assets/scss/styles.scss
+++ b/packages/hoppscotch-sh-admin/assets/scss/styles.scss
@@ -433,7 +433,7 @@ pre.ace_editor {
 
 .toasted-container {
   @apply max-w-md;
-  @apply z-[100000];
+  @apply z-[10000];
 
   .toasted {
     &.toasted-primary {
diff --git a/packages/hoppscotch-ui/src/assets/scss/histoire.scss b/packages/hoppscotch-ui/src/assets/scss/histoire.scss
index 41462524a..00906a61b 100644
--- a/packages/hoppscotch-ui/src/assets/scss/histoire.scss
+++ b/packages/hoppscotch-ui/src/assets/scss/histoire.scss
@@ -423,7 +423,7 @@ pre.ace_editor {
 
 .toasted-container {
   @apply max-w-md;
-  @apply z-[100000];
+  @apply z-[10000];
 
   .toasted {
     &.toasted-primary {
diff --git a/packages/hoppscotch-ui/src/components/smart/Modal.vue b/packages/hoppscotch-ui/src/components/smart/Modal.vue
index c263d1156..412c9a9c4 100644
--- a/packages/hoppscotch-ui/src/components/smart/Modal.vue
+++ b/packages/hoppscotch-ui/src/components/smart/Modal.vue
@@ -2,7 +2,7 @@
   <Transition name="fade" appear @leave="onTransitionLeaveStart">
     <div
       ref="modal"
-      class="fixed inset-0 z-[99999] overflow-y-auto transition"
+      class="fixed inset-0 z-[1000] overflow-y-auto transition"
       role="dialog"
     >
       <div
diff --git a/packages/hoppscotch-ui/src/components/smart/SlideOver.vue b/packages/hoppscotch-ui/src/components/smart/SlideOver.vue
index f9ff3b2f8..6a0c1fb4f 100644
--- a/packages/hoppscotch-ui/src/components/smart/SlideOver.vue
+++ b/packages/hoppscotch-ui/src/components/smart/SlideOver.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="z-[99999]">
+  <div class="z-[1000]">
     <Transition name="fade" appear>
       <div
         v-if="show"