chore: lint

components/app/Footer.vue

@@ -6,7 +6,7 @@
           v-tippy="{ theme: 'tooltip' }"
           :title="LEFT_SIDEBAR ? $t('hide.sidebar') : $t('show.sidebar')"
           icon="menu_open"
-          :class="{ 'transform rotate-180': !LEFT_SIDEBAR }"
+          :class="{ 'transform -rotate-180': !LEFT_SIDEBAR }"
           @click.native="LEFT_SIDEBAR = !LEFT_SIDEBAR"
         />
         <ButtonSecondary
@@ -104,7 +104,7 @@
           :title="RIGHT_SIDEBAR ? $t('hide.sidebar') : $t('show.sidebar')"
           icon="menu_open"
           class="transform rotate-180"
-          :class="{ 'rotate-0': !RIGHT_SIDEBAR }"
+          :class="{ 'rotate-360': !RIGHT_SIDEBAR }"
           @click.native="RIGHT_SIDEBAR = !RIGHT_SIDEBAR"
         />
       </div>

components/graphql/RequestOptions.vue

@@ -401,7 +401,7 @@ export default defineComponent({
 
       logHoppRequestRunToAnalytics({
         platform: "graphql-query",
-        strategy: getCurrentStrategyID()
+        strategy: getCurrentStrategyID(),
       })
     }
 

components/graphql/Sidebar.vue

@@ -214,11 +214,11 @@ import {
   ref,
   useContext,
 } from "@nuxtjs/composition-api"
-import { GraphQLField, GraphQLType } from 'graphql'
-import { map } from 'rxjs/operators'
-import { GQLConnection } from '~/helpers/GQLConnection'
+import { GraphQLField, GraphQLType } from "graphql"
+import { map } from "rxjs/operators"
+import { GQLConnection } from "~/helpers/GQLConnection"
 import { copyToClipboard } from "~/helpers/utils/clipboard"
-import { useReadonlyStream } from '~/helpers/utils/composables'
+import { useReadonlyStream } from "~/helpers/utils/composables"
 import {
   GQLHeader,
   setGQLHeaders,

components/smart/Modal.vue

@@ -46,7 +46,7 @@
               overflow-hidden
               sm:max-w-md sm:align-middle
             "
-            :class="{ 'mt-24': placement === 'top' }"
+            :class="{ 'mt-24 md:mb-8': placement === 'top' }"
           >
             <div
               v-if="title"