Files
n8n-enterprise-unlocked/packages/design-system/src/components/AskAssistantAvatar/AssistantAvatar.vue
कारतोफ्फेलस्क्रिप्ट™ 60ee0d4ce7 refactor(editor): Correct some prop types (no-changelog) (#10907)
2024-09-23 09:19:37 +02:00

34 lines
639 B
Vue

<script setup lang="ts">
import AssistantIcon from '../AskAssistantIcon/AssistantIcon.vue';
withDefaults(defineProps<{ size?: 'small' | 'mini' }>(), {
size: 'small',
});
</script>
<template>
<div :class="[$style.container, $style[size]]">
<AssistantIcon :size="size" theme="blank" />
</div>
</template>
<style lang="scss" module>
.container {
background: var(--color-assistant-highlight-gradient);
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}
.small {
height: var(--spacing-m);
width: var(--spacing-m);
}
.mini {
height: var(--spacing-s);
width: var(--spacing-s);
}
</style>