Polish clip source modal copy

This commit is contained in:
Codex
2026-04-23 15:16:17 -05:00
parent 9387556490
commit 41c964a775
2 changed files with 18 additions and 7 deletions

View File

@@ -694,7 +694,7 @@ function WalkupClipModal({
className={`tab-pane fade${sourceMode === "url" ? " show active" : ""}`} className={`tab-pane fade${sourceMode === "url" ? " show active" : ""}`}
> >
<div className="stack"> <div className="stack">
<div className="muted">Paste a link and we will download the audio for clip creation.</div> <div className="muted">Paste a link, such as a YouTube URL, and we will download the audio for clip creation.</div>
<label className="field"> <label className="field">
Media title Media title
<input <input

View File

@@ -165,13 +165,24 @@ select {
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
gap: 1rem; gap: 1rem;
padding: 1.25rem 1.25rem 0; padding: 1rem 1rem 0;
}
.walkup-modal-header h2 {
color: var(--ink);
font-weight: 700;
letter-spacing: -0.03em;
}
.walkup-modal-header .eyebrow {
color: var(--accent);
opacity: 1;
} }
.walkup-modal-body { .walkup-modal-body {
display: grid; display: grid;
gap: 1rem; gap: 1rem;
padding: 1.25rem; padding: 1rem;
} }
.walkup-step-breadcrumb { .walkup-step-breadcrumb {
@@ -185,6 +196,8 @@ select {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 0.35rem; gap: 0.35rem;
color: var(--muted);
opacity: 0.82;
} }
.walkup-step-breadcrumb .breadcrumb-item + .breadcrumb-item::before { .walkup-step-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
@@ -192,11 +205,9 @@ select {
} }
.walkup-step-breadcrumb .breadcrumb-item.active { .walkup-step-breadcrumb .breadcrumb-item.active {
padding: 0.32rem 0.65rem; color: var(--accent);
border-radius: 999px;
background: var(--accent-soft);
color: var(--ink);
font-weight: 600; font-weight: 600;
opacity: 1;
} }
.walkup-modal-actions { .walkup-modal-actions {