mirror of
https://github.com/n8n-io/n8n.git
synced 2026-08-28 17:22:01 +08:00
कारतोफ्फेलस्क्रिप्ट™
13659d036f
* ensure that eslint runs on all frontend code * remove tslint from `design-system` * enable prettier and eslint-prettier for `design-system` * Delete tslint.json * use a single editorconfig for the repo * enable prettier for all code in `design-system` * more linting fixes on design-system * ignore coverage for git and prettier * lintfix on editor-ui
59 lines
920 B
Vue
59 lines
920 B
Vue
<template>
|
|
<n8n-text :size="size" :color="color" :compact="true" class="n8n-icon">
|
|
<font-awesome-icon :icon="icon" :spin="spin" :class="$style[size]" />
|
|
</n8n-text>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
|
|
import N8nText from '../N8nText';
|
|
|
|
import Vue from 'vue';
|
|
|
|
export default Vue.extend({
|
|
name: 'n8n-icon',
|
|
components: {
|
|
FontAwesomeIcon,
|
|
N8nText,
|
|
},
|
|
props: {
|
|
icon: {
|
|
required: true,
|
|
},
|
|
size: {
|
|
type: String,
|
|
default: 'medium',
|
|
},
|
|
spin: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
color: {
|
|
type: String,
|
|
},
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" module>
|
|
.xlarge {
|
|
width: var(--font-size-xl) !important;
|
|
}
|
|
|
|
.large {
|
|
width: var(--font-size-m) !important;
|
|
}
|
|
|
|
.medium {
|
|
width: var(--font-size-s) !important;
|
|
}
|
|
|
|
.small {
|
|
width: var(--font-size-2xs) !important;
|
|
}
|
|
|
|
.xsmall {
|
|
width: var(--font-size-3xs) !important;
|
|
}
|
|
</style>
|