yunohost-admin/app/src/components/globals/Icon.vue
2020-10-14 16:59:38 +02:00

30 lines
421 B
Vue

<template>
<span :class="'icon fa fa-' + iname" aria-hidden="true" />
</template>
<script>
export default {
name: 'Icon',
props: {
iname: { type: String, required: true }
}
}
</script>
<style lang="scss" scoped>
.icon {
font-size: inherit;
min-width: 1rem;
text-align: center;
&.lg {
width: 3rem;
font-size: 1.5rem;
min-width: 3rem;
}
&.fs-sm {
font-size: 1rem;
}
}
</style>