refactor: improve ui consistency

2022-02-26 17:39:57 +05:30
parent 137de5dcc7
commit 5b816422d7
3 changed files with 12 additions and 7 deletions
--- a/packages/hoppscotch-app/components/graphql/Response.vue
+++ b/packages/hoppscotch-app/components/graphql/Response.vue
@@ -1,8 +1,10 @@
 <template>
-  <div class="flex flex-col flex-1 h-full">
+  <div
+    class="sticky top-0 z-10 flex items-center p-4 overflow-auto bg-primary hide-scrollbar whitespace-nowrap"
+  >
    <div
      v-if="responseString === 'loading'"
-      class="flex flex-col items-center justify-center p-4"
+      class="flex flex-col items-center justify-center flex-1 text-secondaryLight"
    >
      <SmartSpinner class="my-4" />
      <span class="text-secondaryLight">{{ t("state.loading") }}</span>