Install scene: fix cmd-bar overlap, swap install command
The "CLICK TO COPY" hint was absolute-positioned at top:10/right:14 of the cmd-box, landing on top of "~/facere — bash" in the bar header. Move the hint into the bar as a flex sibling so the title and hint share the row cleanly without overlap. Replace the placeholder install command with the real installer pulled from raw.githubusercontent.com, with FACERE_GH_TOKEN as a "contact us for demo" placeholder. Also fix deploy/build.sh: `npm init -y` rejects the leading-dot dir name `.build`, and the preset must be resolved by absolute path since babel runs from the repo root.
This commit is contained in:
23
styles.css
23
styles.css
@@ -758,7 +758,15 @@ a { color: inherit; text-decoration: none; }
|
||||
}
|
||||
.cmd-led.led-amber { background: rgba(255, 138, 31, 0.4); border-color: rgba(255, 138, 31, 0.5); }
|
||||
.cmd-led.led-cyan { background: rgba(33, 234, 255, 0.4); border-color: rgba(33, 234, 255, 0.5); }
|
||||
.cmd-title { margin-left: auto; font-size: 10px; }
|
||||
.cmd-title { font-size: 11px; margin-left: 4px; opacity: 0.8; }
|
||||
.cmd-bar-hint {
|
||||
margin-left: auto;
|
||||
font-size: 11px;
|
||||
letter-spacing: 0.24em;
|
||||
color: var(--cyan-muted);
|
||||
transition: color 0.2s ease;
|
||||
}
|
||||
.cmd-box.copied .cmd-bar-hint { color: var(--cyan); }
|
||||
|
||||
.cmd-body {
|
||||
display: flex;
|
||||
@@ -783,17 +791,6 @@ a { color: inherit; text-decoration: none; }
|
||||
0%, 50% { opacity: 1; }
|
||||
51%, 100% { opacity: 0; }
|
||||
}
|
||||
.cmd-hint {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 10px;
|
||||
letter-spacing: 0.24em;
|
||||
color: var(--cyan-muted);
|
||||
pointer-events: none;
|
||||
transition: color 0.2s ease;
|
||||
}
|
||||
.cmd-box.copied .cmd-hint { color: var(--cyan); }
|
||||
.cmd-box.copied { border-color: rgba(33, 234, 255, 0.55); }
|
||||
|
||||
.docs-link {
|
||||
@@ -981,6 +978,7 @@ a { color: inherit; text-decoration: none; }
|
||||
.cmd-box { font-size: 14px; max-width: 100%; }
|
||||
.cmd-bar { padding: 7px 10px; font-size: 10px; letter-spacing: 0.14em; }
|
||||
.cmd-title { display: none; }
|
||||
.cmd-bar-hint { font-size: 9px; letter-spacing: 0.18em; }
|
||||
.cmd-body {
|
||||
font-size: 13px;
|
||||
padding: 14px 12px 16px;
|
||||
@@ -989,7 +987,6 @@ a { color: inherit; text-decoration: none; }
|
||||
word-break: break-all;
|
||||
overflow-x: visible;
|
||||
}
|
||||
.cmd-hint { display: none; }
|
||||
|
||||
.docs-link { font-size: 13px; letter-spacing: 0.14em; }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user