fix: broken sticky sections on font size

2021-08-04 01:00:06 +05:30
parent d0c0a543cf
commit b03565a816
27 changed files with 128 additions and 54 deletions
--- a/components/http/BodyParameters.vue
+++ b/components/http/BodyParameters.vue
@@ -6,7 +6,7 @@
        border-b border-dividerLight
        flex flex-1
        pl-4
-        top-24
+        top-upperSecondaryStickyFold
        z-10
        sticky
        items-center
--- a/components/http/Headers.vue
+++ b/components/http/Headers.vue
@@ -6,7 +6,7 @@
        border-b border-dividerLight
        flex flex-1
        pl-4
-        top-24
+        top-upperSecondaryStickyFold
        z-10
        sticky
        items-center
--- a/components/http/Parameters.vue
+++ b/components/http/Parameters.vue
@@ -5,8 +5,8 @@
        bg-primary
        border-b border-dividerLight
        flex flex-1
+        top-upperSecondaryStickyFold
        pl-4
-        top-24
        z-10
        sticky
        items-center
--- a/components/http/PreRequestScript.vue
+++ b/components/http/PreRequestScript.vue
@@ -6,7 +6,7 @@
        border-b border-dividerLight
        flex flex-1
        pl-4
-        top-24
+        top-upperSecondaryStickyFold
        z-10
        sticky
        items-center
--- a/components/http/RawBody.vue
+++ b/components/http/RawBody.vue
@@ -6,7 +6,7 @@
        border-b border-dividerLight
        flex flex-1
        pl-4
-        top-24
+        top-upperSecondaryStickyFold
        z-10
        sticky
        items-center
--- a/components/http/Request.vue
+++ b/components/http/Request.vue
@@ -20,9 +20,8 @@
                cursor-pointer
                flex
                font-semibold font-mono
-                h-8
                text-secondaryDark
-                py-1
+                py-2
                px-4
                transition
                w-28
@@ -75,7 +74,7 @@
          font-semibold font-mono
          flex-1
          text-secondaryDark
-          py-1
+          py-2
          px-4
          transition
          truncate
@@ -106,7 +105,11 @@
          arrow
        >
          <template #trigger>
-            <ButtonPrimary class="rounded-l-none" icon="keyboard_arrow_down" />
+            <ButtonPrimary
+              class="rounded-l-none"
+              outline
+              icon="keyboard_arrow_down"
+            />
          </template>
          <SmartItem
            :label="$t('import.curl')"
@@ -136,7 +139,7 @@
        </tippy>
      </span>
      <ButtonSecondary
-        class="rounded-r-none h-8 ml-2"
+        class="rounded-r-none ml-2"
        :label="$t('request.save')"
        :shortcut="[getSpecialKey(), 'S']"
        outline
@@ -155,7 +158,7 @@
            <ButtonSecondary
              icon="keyboard_arrow_down"
              outline
-              class="rounded-l-none h-8"
+              class="rounded-l-none"
            />
          </template>
          <input
--- a/components/http/Tests.vue
+++ b/components/http/Tests.vue
@@ -1,13 +1,13 @@
 <template>
-  <SmartTabs styles="sticky top-24 z-20">
+  <SmartTabs styles="sticky top-upperSecondaryStickyFold z-20">
    <SmartTab id="script" :label="$t('test.script')" :selected="true">
      <div
        class="
          bg-primary
          border-b border-dividerLight
          flex flex-1
+          top-upperTertiaryStickyFold
          pl-4
-          top-32
          z-10
          sticky
          items-center
@@ -54,8 +54,8 @@
            bg-primary
            border-b border-dividerLight
            flex flex-1
+            top-upperTertiaryStickyFold
            pl-4
-            top-32
            z-10
            sticky
            items-center