fix: minor ui improvements (#3603)

2023-11-29 22:45:40 +05:30
parent 60bfb6fe2c
commit 1cc845e17d
9 changed files with 37 additions and 27 deletions
--- a/packages/hoppscotch-ui/src/components/smart/FileChip.vue
+++ b/packages/hoppscotch-ui/src/components/smart/FileChip.vue
@@ -1,6 +1,12 @@
 <template>
-  <span class="inline-flex items-center justify-center rounded pl-2 pr-0.5 bg-primaryDark">
-    <icon-lucide-file class="opacity-75 svg-icons" />
-    <span class="px-2 truncate max-w-54"><slot></slot></span>
+  <span
+    class="inline-flex items-center space-x-1 justify-center rounded px-2 bg-primaryDark"
+  >
+    <IconLucideFile class="opacity-75 svg-icons" />
+    <span class="truncate max-w-54"><slot></slot></span>
  </span>
 </template>
+
+<script setup lang="ts">
+import IconLucideFile from "~icons/lucide/file"
+</script>