chore(ui): improve ui consistency

2021-12-24 08:12:35 +05:30
parent 1eb9eb911e
commit 10cb433e80
17 changed files with 90 additions and 48 deletions
--- a/packages/hoppscotch-app/components/smart/Toggle.vue
+++ b/packages/hoppscotch-app/components/smart/Toggle.vue
@@ -3,12 +3,12 @@
    class="cursor-pointer flex-nowrap transition inline-flex items-center justify-center group hover:text-secondaryDark"
    @click="$emit('change')"
  >
-    <label ref="toggle" class="toggle" :class="{ on: on }">
+    <span ref="toggle" class="toggle" :class="{ on: on }">
      <span class="handle"></span>
-    </label>
-    <label class="cursor-pointer font-semibold pl-0 align-middle">
+    </span>
+    <span class="cursor-pointer font-semibold pl-0 align-middle">
      <slot></slot>
-    </label>
+    </span>
  </div>
 </template>