Browse Source

fix: z-index

Liyas Thomas 1 year ago
parent
commit
37e6497e88

+ 1 - 1
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 {

+ 1 - 1
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 {

+ 1 - 1
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 {

+ 1 - 1
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

+ 1 - 1
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"