Merge pull request #63 from zevorn/fix/serial-panel-align-v2

zevorn · web-flow · commit 12447023ca1f · 2026-03-17T23:47:51.000+08:00
fix: serial panel aligns with flash panel without growing
diff --git a/website/index.html b/website/index.html
@@ -353,7 +353,7 @@
         }
         .flash-layout {
             display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem;
-            align-items: start; position: relative;
+            align-items: stretch; position: relative;
         }
         .flash-panel {
             background: var(--bg-card); border: 1px solid var(--border);
@@ -447,7 +447,7 @@
             background: #0c0c0c; border: 1px solid var(--border);
             border-radius: var(--radius); overflow: hidden;
             display: flex; flex-direction: column;
-            height: 480px;
+            min-height: 0;
         }
         .serial-titlebar {
             display: flex; align-items: center; justify-content: space-between;
@@ -506,7 +506,7 @@
             z-index: 10; border-radius: var(--radius);
         }
         .serial-panel.expanded .serial-output {
-            min-height: 0; flex: 1;
+            flex: 1;
         }
         .serial-msg-success { color: #4ade80; }
         .serial-msg-error { color: #f87171; }

Original file line number	Diff line number	Diff line change
`@@ -353,7 +353,7 @@`
`353`	`353`	`}`
`354`	`354`	`.flash-layout {`
`355`	`355`	`display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem;`
`356`		`- align-items: start; position: relative;`
	`356`	`+ align-items: stretch; position: relative;`
`357`	`357`	`}`
`358`	`358`	`.flash-panel {`
`359`	`359`	`background: var(--bg-card); border: 1px solid var(--border);`
`@@ -447,7 +447,7 @@`
`447`	`447`	`background: #0c0c0c; border: 1px solid var(--border);`
`448`	`448`	`border-radius: var(--radius); overflow: hidden;`
`449`	`449`	`display: flex; flex-direction: column;`
`450`		`- height: 480px;`
	`450`	`+ min-height: 0;`
`451`	`451`	`}`
`452`	`452`	`.serial-titlebar {`
`453`	`453`	`display: flex; align-items: center; justify-content: space-between;`
`@@ -506,7 +506,7 @@`
`506`	`506`	`z-index: 10; border-radius: var(--radius);`
`507`	`507`	`}`
`508`	`508`	`.serial-panel.expanded .serial-output {`
`509`		`- min-height: 0; flex: 1;`
	`509`	`+ flex: 1;`
`510`	`510`	`}`
`511`	`511`	`.serial-msg-success { color: #4ade80; }`
`512`	`512`	`.serial-msg-error { color: #f87171; }`