feat(editor): Update icons to Lucide icons (#16231)

Co-authored-by: Mutasem Aldmour <mutasem@n8n.io>
This commit is contained in:
Alex Grozav
2025-06-30 18:11:09 +03:00
committed by GitHub
parent 3e04566845
commit ed2cb3c701
262 changed files with 2872 additions and 3443 deletions

View File

@@ -57,6 +57,7 @@ import {
N8nOption,
N8nSelect,
N8nText,
N8nButton,
} from '@n8n/design-system';
import type { PathItem } from '@n8n/design-system/components/N8nBreadcrumbs/Breadcrumbs.vue';
import { createEventBus } from '@n8n/utils/event-bus';
@@ -1591,23 +1592,23 @@ const onNameSubmit = async (name: string) => {
<N8nCallout
v-if="!loading && showEasyAIWorkflowCallout && easyAICalloutVisible"
theme="secondary"
icon="robot"
icon="bot"
:class="$style['easy-ai-workflow-callout']"
>
{{ i18n.baseText('workflows.list.easyAI') }}
<template #trailingContent>
<div :class="$style['callout-trailing-content']">
<n8n-button
<N8nButton
data-test-id="easy-ai-button"
size="small"
type="secondary"
@click="openAIWorkflow('callout')"
>
{{ i18n.baseText('generic.tryNow') }}
</n8n-button>
</N8nButton>
<N8nIcon
size="small"
icon="times"
icon="x"
:title="i18n.baseText('generic.dismiss')"
class="clickable"
@click="dismissEasyAICallout"
@@ -1770,10 +1771,17 @@ const onNameSubmit = async (name: string) => {
data-test-id="new-workflow-card"
@click="addWorkflow"
>
<N8nIcon :class="$style.emptyStateCardIcon" icon="file" />
<N8nText size="large" class="mt-xs" color="text-dark">
{{ i18n.baseText('workflows.empty.startFromScratch') }}
</N8nText>
<div :class="$style.emptyStateCardContent">
<N8nIcon
:class="$style.emptyStateCardIcon"
icon="file"
color="foreground-dark"
:strokeWidth="1"
/>
<N8nText size="large" class="mt-xs">
{{ i18n.baseText('workflows.empty.startFromScratch') }}
</N8nText>
</div>
</N8nCard>
<N8nCard
v-if="showEasyAIWorkflowCallout"
@@ -1782,10 +1790,12 @@ const onNameSubmit = async (name: string) => {
data-test-id="easy-ai-workflow-card"
@click="openAIWorkflow('empty')"
>
<N8nIcon :class="$style.emptyStateCardIcon" icon="robot" />
<N8nText size="large" class="mt-xs pl-2xs pr-2xs" color="text-dark">
{{ i18n.baseText('workflows.empty.easyAI') }}
</N8nText>
<div :class="$style.emptyStateCardContent">
<N8nIcon :class="$style.emptyStateCardIcon" icon="bot" color="foreground-dark" />
<N8nText size="large" class="mt-xs pl-2xs pr-2xs">
{{ i18n.baseText('workflows.empty.easyAI') }}
</N8nText>
</div>
</N8nCard>
</div>
</div>
@@ -1912,12 +1922,17 @@ const onNameSubmit = async (name: string) => {
}
}
.emptyStateCardContent {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.emptyStateCardIcon {
font-size: 48px;
svg {
width: 48px !important;
color: var(--color-foreground-dark);
transition: color 0.3s ease;
}
}