pages terminal scripts

src/lib/assets/css/tui-header.css

@@ -6,22 +6,40 @@
 	font-size: 0.75rem;
 	background: var(--terminal-bg-light);
 	border-color: var(--terminal-border);
+	gap: 1rem;
+	position: relative;
 }
 
 .tui-statusbar.top {
 	border-bottom: 1px solid var(--terminal-border);
 }
 
-.status-left, .status-right {
+.status-left {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 	color: var(--terminal-muted);
+	flex-shrink: 0;
+	z-index: 1;
+}
+
+.status-right {
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+	color: var(--terminal-muted);
+	flex-shrink: 0;
+	z-index: 1;
 }
 
 .status-center {
+	position: absolute;
+	left: 50%;
+	transform: translateX(-50%);
 	color: var(--terminal-primary);
 	font-weight: 600;
+	text-align: center;
+	white-space: nowrap;
 }
 
 .hint {
@@ -31,8 +49,23 @@
 	font-size: 0.7rem;
 }
 
+.user-host {
+	display: inline;
+}
+
 @media (max-width: 768px) {
 	.hint {
 		display: none;
 	}
+
+	.user-host {
+		display: none;
+	}
+
+	.status-center {
+		position: static;
+		transform: none;
+		left: 0;
+	}
 }
+