diff --git a/packages/@n8n/chat/src/components/Input.vue b/packages/@n8n/chat/src/components/Input.vue index eb37e5a4f4..4abfc76849 100644 --- a/packages/@n8n/chat/src/components/Input.vue +++ b/packages/@n8n/chat/src/components/Input.vue @@ -269,6 +269,7 @@ function adjustHeight(event: Event) { background: var(--chat--input--background, white); color: var(--chat--input--text-color, initial); outline: none; + line-height: var(--chat--input--line-height, 1.5); &:focus, &:hover { diff --git a/packages/@n8n/chat/src/css/markdown.scss b/packages/@n8n/chat/src/css/markdown.scss index 070e6d6a5f..6bcf13ba74 100644 --- a/packages/@n8n/chat/src/css/markdown.scss +++ b/packages/@n8n/chat/src/css/markdown.scss @@ -37,7 +37,7 @@ body { 4. Prevent font size adjustment after orientation changes (IE, iOS) 5. Prevent overflow from long words (all) */ - font-size: 125%; /* 2 */ + font-size: 110%; /* 2 */ line-height: 1.6; /* 3 */ -webkit-text-size-adjust: 100%; /* 4 */ word-break: break-word; /* 5 */ @@ -596,7 +596,7 @@ body { pre code { display: block; - padding: 0.3em 0.7em; + padding: 0 0 0.5rem 0.5rem; word-break: normal; overflow-x: auto; } diff --git a/packages/editor-ui/src/App.vue b/packages/editor-ui/src/App.vue index 6d8c247333..334760cda7 100644 --- a/packages/editor-ui/src/App.vue +++ b/packages/editor-ui/src/App.vue @@ -100,12 +100,14 @@ watch(defaultLocale, (newLocale) => {
- - - - - - +
+ + + + + + +
@@ -147,8 +149,25 @@ watch(defaultLocale, (newLocale) => { grid-area: banners; z-index: var(--z-index-top-banners); } - .content { + display: flex; + flex-direction: column; + align-items: center; + overflow: auto; +} + +.contentFooter { + height: auto; + z-index: 10; + width: 100%; + display: none; + + // Only show footer if there's content + &:has(*) { + display: block; + } +} +.contentWrapper { display: flex; grid-area: content; position: relative; @@ -156,19 +175,11 @@ watch(defaultLocale, (newLocale) => { height: 100%; width: 100%; justify-content: center; - flex-direction: column; - align-items: center; main { width: 100%; height: 100%; } - - .contentFooter { - height: auto; - z-index: 10; - width: 100%; - } } .header { diff --git a/packages/editor-ui/src/components/CanvasChat/CanvasChat.vue b/packages/editor-ui/src/components/CanvasChat/CanvasChat.vue index a0b6a0816e..4d551a67be 100644 --- a/packages/editor-ui/src/components/CanvasChat/CanvasChat.vue +++ b/packages/editor-ui/src/components/CanvasChat/CanvasChat.vue @@ -168,8 +168,8 @@ const handleRefreshSession = () => { }); }; -const closeLogs = () => { - workflowsStore.setPanelOpen('logs', false); +const closePanel = () => { + workflowsStore.setPanelOpen('chat', false); }; async function onRunChatWorkflow(payload: RunWorkflowChatPayload) { @@ -276,7 +276,7 @@ watchEffect(() => { data-test-id="canvas-chat-logs" :node="connectedNode" :slim="logsWidth < 700" - @close="closeLogs" + @close="closePanel" />
diff --git a/packages/editor-ui/src/components/CanvasChat/components/ChatLogsPanel.vue b/packages/editor-ui/src/components/CanvasChat/components/ChatLogsPanel.vue index da5c9ed4c7..856f06711a 100644 --- a/packages/editor-ui/src/components/CanvasChat/components/ChatLogsPanel.vue +++ b/packages/editor-ui/src/components/CanvasChat/components/ChatLogsPanel.vue @@ -50,8 +50,8 @@ const locale = useI18n();