Skip to content

Commit 6b72313

Browse files
committed
fix: align install step bars to equal width with matching label widths
1 parent 8508ec5 commit 6b72313

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

docs/src/app/home.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -79,13 +79,13 @@
7979
.hp-install-step { display: flex; align-items: center; gap: 12px; }
8080
.hp-install-step-num { font-family: var(--hp-mono); font-size: 12px; color: var(--hp-accent); width: 20px; text-align: center; flex-shrink: 0; }
8181
.hp-install-step-text { font-family: var(--hp-mono); font-size: 14px; color: var(--hp-text-dim); padding: 14px 0; }
82-
.hp-install-bar { display: flex; align-items: center; background: var(--hp-bg-raised); border: 1px solid var(--hp-border-bright); border-radius: 8px; padding: 14px 20px; gap: 16px; font-family: var(--hp-mono); font-size: 15px; transition: border-color 0.15s; }
82+
.hp-install-bar { display: flex; align-items: center; background: var(--hp-bg-raised); border: 1px solid var(--hp-border-bright); border-radius: 8px; padding: 14px 20px; gap: 12px; font-family: var(--hp-mono); font-size: 15px; transition: border-color 0.15s; flex: 1; }
8383
.hp-install-bar:hover { border-color: #333; }
84-
.hp-prompt-sign { color: var(--hp-accent); user-select: none; }
84+
.hp-prompt-sign { color: var(--hp-accent); user-select: none; width: 44px; text-align: right; flex-shrink: 0; }
8585
.hp-install-bar code { color: var(--hp-text); white-space: nowrap; background: transparent !important; padding: 0 !important; font-size: inherit; }
8686
.hp-install-bar-agent { font-size: 14px; }
8787
.hp-install-bar-agent code { white-space: normal; color: var(--hp-text-dim); }
88-
.hp-agent-label { color: var(--hp-accent); user-select: none; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; flex-shrink: 0; }
88+
.hp-agent-label { color: var(--hp-accent); user-select: none; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; width: 44px; text-align: right; flex-shrink: 0; }
8989
.hp-copy-btn { background: none; border: 1px solid var(--hp-border-bright); border-radius: 4px; color: var(--hp-text-dim); font-family: var(--hp-mono); font-size: 12px; padding: 4px 10px; cursor: pointer; transition: all 0.15s; white-space: nowrap; }
9090
.hp-copy-btn:hover { color: var(--hp-text); border-color: #444; }
9191

0 commit comments

Comments
 (0)