Enlarge header subtitle with underline and dash prefix.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-08-02 15:41:52 +08:00
parent c70a1fafd5
commit 86955c3cf5
2 changed files with 10 additions and 5 deletions
+1 -1
View File
@@ -28,7 +28,7 @@ function Shell({ children }: { children: ReactNode }) {
<div className="header-top"> <div className="header-top">
<div className="header-title-wrap"> <div className="header-title-wrap">
<div className="header-title"></div> <div className="header-title"></div>
<div className="header-subtitle"></div> <div className="header-subtitle"> </div>
</div> </div>
</div> </div>
<div className="header-bar"> <div className="header-bar">
+9 -4
View File
@@ -85,13 +85,18 @@ body {
.header-subtitle { .header-subtitle {
align-self: flex-end; align-self: flex-end;
margin-top: 4px; margin-top: 6px;
margin-right: -0.4em; margin-right: -0.4em;
padding-left: 2.5em; padding-left: 1.2em;
font-size: 0.78rem; padding-bottom: 2px;
letter-spacing: 0.2em; font-size: 0.95rem;
letter-spacing: 0.16em;
color: var(--muted); color: var(--muted);
white-space: nowrap; white-space: nowrap;
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 1px;
text-decoration-color: rgba(0, 200, 255, 0.45);
} }
.header-bar { .header-bar {