admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-18 02:21:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(n8n Form Trigger Node, Chat Trigger Node): Allow to customize form and chat css (#13506)

Browse Source
This commit is contained in:
oleg
2025-02-28 12:27:49 +01:00
committed by GitHub
parent c4f3293778
commit 289041e997
29 changed files with 1278 additions and 377 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/frontend/@n8n/chat/src/components/Message.vue
View File

@@ -133,9 +133,9 @@ onMounted(async () => {
display: block;
position: relative;
max-width: fit-content;
font-size: var(--chat--message--font-size, 1rem);
padding: var(--chat--message--padding, var(--chat--spacing));
border-radius: var(--chat--message--border-radius, var(--chat--border-radius));
font-size: var(--chat--message--font-size);
padding: var(--chat--message--padding);
border-radius: var(--chat--message--border-radius);
scroll-margin: 3rem;
.chat-message-actions {
@@ -160,13 +160,13 @@ onMounted(async () => {
}
p {
line-height: var(--chat--message-line-height, 1.5);
line-height: var(--chat--message-line-height);
word-wrap: break-word;
}
// Default message gap is half of the spacing
+ .chat-message {
margin-top: var(--chat--message--margin-bottom, calc(var(--chat--spacing) * 1));
margin-top: var(--chat--message--margin-bottom);
}
// Spacing between messages from different senders is double the individual message gap
@@ -178,7 +178,7 @@ onMounted(async () => {
&.chat-message-from-bot {
&:not(.chat-message-transparent) {
background-color: var(--chat--message--bot--background);
border: var(--chat--message--bot--border, none);
border: var(--chat--message--bot--border);
}
color: var(--chat--message--bot--color);
border-bottom-left-radius: 0;
@@ -187,7 +187,7 @@ onMounted(async () => {
&.chat-message-from-user {
&:not(.chat-message-transparent) {
background-color: var(--chat--message--user--background);
border: var(--chat--message--user--border, none);
border: var(--chat--message--user--border);
}
color: var(--chat--message--user--color);
margin-left: auto;