btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

chore: use auto-imported icons (#2998)

Browse Source
This commit is contained in:
Liyas Thomas
2023-04-21 20:20:22 +05:30
committed by GitHub
parent 80da790a3c
commit b42a94ed77
10 changed files with 12 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/hoppscotch-ui/src/components/smart/FileChip.vue
View File

@@ -1,22 +1,6 @@
<template>
<span class="chip">
<component :is="IconFile" class="opacity-75 svg-icons" />
<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>
</template>
<script setup lang="ts">
import IconFile from "~icons/lucide/file"
</script>
<style lang="scss" scoped>
.chip {
@apply inline-flex;
@apply items-center;
@apply justify-center;
@apply rounded;
@apply pl-2;
@apply pr-0.5;
@apply bg-primaryDark;
}
</style>