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();