feat: better file input chooser

2022-01-01 01:03:13 +05:30
parent e56dcf5d7a
commit 312bc98c53
2 changed files with 67 additions and 103 deletions
--- a/packages/hoppscotch-app/components/smart/FileChip.vue
+++ b/packages/hoppscotch-app/components/smart/FileChip.vue
@@ -0,0 +1,19 @@
+<template>
+  <span class="chip">
+    <i class="opacity-75 material-icons">attachment</i>
+    <span class="px-2 truncate max-w-32"><slot></slot></span>
+  </span>
+</template>
+
+<style scoped lang="scss">
+.chip {
+  @apply inline-flex;
+  @apply items-center;
+  @apply justify-center;
+  @apply rounded;
+  @apply pl-2;
+  @apply pr-0.5;
+  @apply bg-transparent;
+  @apply border border-divider;
+}
+</style>