fix: collection properties styles

2023-12-14 18:00:46 +05:30
parent 9bc81a6d67
commit b521604b66
8 changed files with 31 additions and 22 deletions
--- a/packages/hoppscotch-common/src/components/graphql/Headers.vue
+++ b/packages/hoppscotch-common/src/components/graphql/Headers.vue
@@ -1,6 +1,11 @@
 <template>
  <div
-    class="sticky top-sidebarPrimaryStickyFold z-10 flex items-center justify-between border-y border-dividerLight bg-primary pl-4"
+    class="sticky z-10 flex items-center justify-between border-y border-dividerLight bg-primary pl-4"
+    :class="[
+      isCollectionProperty
+        ? 'top-propertiesPrimaryStickyFold'
+        : 'top-sidebarPrimaryStickyFold',
+    ]"
  >
    <label class="font-semibold text-secondaryLight">
      {{ t("tab.headers") }}