Align console styling with ESP Web Tools (#162)

esphome · Dec 17, 2021 · 7ba3f71 · 7ba3f71
1 parent fc63b49
commit 7ba3f71
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/logs-webserial/ewt-console.ts b/src/logs-webserial/ewt-console.ts
@@ -25,6 +25,8 @@ export class EwtConsole extends HTMLElement {
           font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier,
             monospace;
           line-height: 1.45;
+          display: flex;
+          flex-direction: column;
         }
         form {
           display: flex;

diff --git a/src/util/console-color.ts b/src/util/console-color.ts
@@ -188,7 +188,7 @@ export class ColoredConsole {
 
 export const coloredConsoleStyles = `
   .log {
-    height: var(--remote-process-height, 100%);
+    flex: 1;
     background-color: #1c1c1c;
     font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier,
       monospace;