refactor: remove border styling and improve component styling

This commit is contained in:
weishu
2025-12-17 08:39:29 +08:00
parent 959ee72e68
commit a307fd4893
6 changed files with 35 additions and 33 deletions
+2 -2
View File
@@ -58,7 +58,7 @@ export function SessionHeader(props: {
}
return (
<div className="flex items-center gap-2 border-b border-[var(--app-border)] bg-[var(--app-bg)] p-3">
<div className="flex items-center gap-2 bg-[var(--app-bg)] p-3">
<div className="min-w-0 flex-1">
<div className="flex items-center gap-2 min-w-0">
<span
@@ -132,7 +132,7 @@ export function SessionHeader(props: {
</div>
</div>
<div className="rounded-md border border-[var(--app-border)] bg-[var(--app-subtle-bg)] p-2 text-xs text-[var(--app-hint)]">
<div className="rounded-md bg-[var(--app-subtle-bg)] p-2 text-xs text-[var(--app-hint)]">
<div>Path: {props.session.metadata?.path ?? '(unknown)'}</div>
<div>Host: {props.session.metadata?.host ?? '(unknown)'}</div>
<div>Status: {props.session.active ? 'Active' : 'Inactive'}</div>