refactor(design-system): replace functional components (#3802)

* update creator item

* update warning tooltip

* update badge and trigger icon

* update action box

* update avatar component

* update badge

* update heading component

* update icon component

* update link component

* update menu

* update route component

* fix avatar bug

* fix avatar bug

* update input component

* update select

* update input

* update tags component

* update spinner

* update square button

* update tag component

* update text component

* add danger color

* add vue.extend

* add human readable names

* add human readable name

* revert button changes

* update name

* revert name

* update classes

* delete unused component

* redo name change

* rename

* rename back

* rename back

* update snapshots
This commit is contained in:
Mutasem Aldmour
2022-08-05 15:03:24 +02:00
committed by GitHub
parent f151a8ad4a
commit 60da5bb7ec
40 changed files with 486 additions and 307 deletions

View File

@@ -1,11 +1,10 @@
<template functional>
<span>
<div v-if="props.type === 'ring'" class="lds-ring"><div></div><div></div><div></div><div></div></div>
<component
<template>
<span class="n8n-spinner">
<div v-if="type === 'ring'" class="lds-ring"><div></div><div></div><div></div><div></div></div>
<n8n-icon
v-else
:is="$options.components.N8nIcon"
icon="spinner"
:size="props.size"
:size="size"
spin
/>
</span>
@@ -14,7 +13,9 @@
<script lang="ts">
import N8nIcon from '../N8nIcon';
export default {
import Vue from 'vue';
export default Vue.extend({
name: 'n8n-spinner',
components: {
N8nIcon,
@@ -34,7 +35,7 @@ export default {
default: 'dots',
},
},
};
});
</script>
<style lang="scss">