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/Authorization.vue
+++ b/packages/hoppscotch-common/src/components/graphql/Authorization.vue
@@ -1,7 +1,12 @@
 <template>
  <div class="flex flex-1 flex-col">
    <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',
+      ]"
    >
      <span class="flex items-center">
        <label class="truncate font-semibold text-secondaryLight">