From 62b11fcec8699e8e6f86aedb2f237be0009222bd Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 13 Dec 2023 09:22:58 +0530
Subject: [PATCH] fix: z-index on toast

---
 packages/hoppscotch-common/assets/scss/styles.scss             | 1 +
 packages/hoppscotch-common/src/components/cookies/AllModal.vue | 2 ++
 packages/hoppscotch-sh-admin/assets/scss/styles.scss           | 1 +
 packages/hoppscotch-ui/src/assets/scss/histoire.scss           | 1 +
 4 files changed, 5 insertions(+)

diff --git a/packages/hoppscotch-common/assets/scss/styles.scss b/packages/hoppscotch-common/assets/scss/styles.scss
index 49a4f2fe0..4a5218483 100644
--- a/packages/hoppscotch-common/assets/scss/styles.scss
+++ b/packages/hoppscotch-common/assets/scss/styles.scss
@@ -368,6 +368,7 @@ pre.ace_editor {
 
 .toasted-container {
   @apply max-w-md;
+  @apply z-[100000];
 
   .toasted {
     &.toasted-primary {
diff --git a/packages/hoppscotch-common/src/components/cookies/AllModal.vue b/packages/hoppscotch-common/src/components/cookies/AllModal.vue
index 9b319489c..565394933 100644
--- a/packages/hoppscotch-common/src/components/cookies/AllModal.vue
+++ b/packages/hoppscotch-common/src/components/cookies/AllModal.vue
@@ -9,6 +9,8 @@
     <template #body>
       <HoppSmartPlaceholder
         v-if="!currentInterceptorSupportsCookies"
+        :src="`/images/states/${colorMode.value}/add_category.svg`"
+        :alt="`${t('cookies.modal.interceptor_no_support')}`"
         :text="t('cookies.modal.interceptor_no_support')"
       >
         <template #body>
diff --git a/packages/hoppscotch-sh-admin/assets/scss/styles.scss b/packages/hoppscotch-sh-admin/assets/scss/styles.scss
index 8bf4888c8..ba6365469 100644
--- a/packages/hoppscotch-sh-admin/assets/scss/styles.scss
+++ b/packages/hoppscotch-sh-admin/assets/scss/styles.scss
@@ -433,6 +433,7 @@ pre.ace_editor {
 
 .toasted-container {
   @apply max-w-md;
+  @apply z-[100000];
 
   .toasted {
     &.toasted-primary {
diff --git a/packages/hoppscotch-ui/src/assets/scss/histoire.scss b/packages/hoppscotch-ui/src/assets/scss/histoire.scss
index efefe9a66..d7cf6e2da 100644
--- a/packages/hoppscotch-ui/src/assets/scss/histoire.scss
+++ b/packages/hoppscotch-ui/src/assets/scss/histoire.scss
@@ -423,6 +423,7 @@ pre.ace_editor {
 
 .toasted-container {
   @apply max-w-md;
+  @apply z-[100000];
 
   .toasted {
     &.toasted-primary {