refactor: minor ui improvements

components/graphql/RequestOptions.vue

@@ -152,7 +152,6 @@
               border-b border-dividerLight
               flex
             "
-            :class="{ 'border-t': index == 0 }"
           >
             <SmartAutoComplete
               :placeholder="$t('count.header', { count: index + 1 })"
@@ -333,6 +332,7 @@ export default defineComponent({
     const showSaveRequestModal = ref(false)
 
     const schema = useReadonlyStream(props.conn.schemaString$, "")
+
     watch(
       headers,
       () => {

components/graphql/Sidebar.vue

@@ -6,7 +6,7 @@
           <div
             class="
               bg-primaryLight
-              flex flex-col
+              flex
               top-sidebarPrimaryStickyFold
               z-10
               sticky
@@ -29,11 +29,19 @@
                 "
               />
             </div>
+            <div class="flex">
+              <ButtonSecondary
+                v-tippy="{ theme: 'tooltip' }"
+                to="https://docs.hoppscotch.io/"
+                blank
+                :title="$t('wiki')"
+                icon="help_outline"
+              />
+            </div>
           </div>
           <SmartTabs
             ref="gqlTabs"
-            styles="
-                    border-t border-dividerLight sticky z-8 top-sidebarSecondaryStickyFold"
+            styles="border-t border-dividerLight sticky z-10 top-sidebarSecondaryStickyFold"
           >
             <div class="gqlTabs">
               <SmartTab
@@ -153,6 +161,13 @@
               {{ $t("schema") }}
             </label>
             <div class="flex">
+              <ButtonSecondary
+                v-tippy="{ theme: 'tooltip' }"
+                to="https://docs.hoppscotch.io/"
+                blank
+                :title="$t('wiki')"
+                icon="help_outline"
+              />
               <ButtonSecondary
                 ref="downloadSchema"
                 v-tippy="{ theme: 'tooltip' }"