fix: broken environment highlight color

2023-01-30 10:01:33 +05:30
parent 73e788b513
commit b95e2b365a
4 changed files with 15 additions and 13 deletions
--- a/packages/hoppscotch-common/assets/scss/styles.scss
+++ b/packages/hoppscotch-common/assets/scss/styles.scss
@@ -135,7 +135,7 @@ a {
    @apply shadow-none;
    @apply fixed;
    @apply inline-flex;
-    @apply -mt-6;
+    @apply -mt-8;
  }
 }

@@ -538,8 +538,16 @@ details[open] summary .indicator {
 }

 .env-highlight {
-  * {
-    @apply text-accentContrast;
+  @apply text-accentContrast;
+
+  &.env-found {
+    @apply bg-accentDark;
+    @apply hover:bg-accent;
+  }
+
+  &.env-not-found {
+    @apply bg-red-500;
+    @apply hover:bg-red-600;
  }
 }