Simplify launcher branding
This commit is contained in:
parent
cae21b61b7
commit
1cd446bae8
4 changed files with 42 additions and 50 deletions
|
|
@ -1592,8 +1592,7 @@ function App() {
|
|||
<div className="page-shell">
|
||||
<header className="header-card">
|
||||
<div className="header-copy">
|
||||
<p className="eyebrow">New RPG</p>
|
||||
<h1>Worldshaper</h1>
|
||||
<h1>Worldshaper Studio</h1>
|
||||
<p className="lede">Worldbuilding studio with tabbed pages, structured editing, and raw JSON fallback.</p>
|
||||
</div>
|
||||
<button
|
||||
|
|
|
|||
|
|
@ -952,21 +952,24 @@ function WorldshaperLauncher() {
|
|||
>
|
||||
<div className="launcher-stack">
|
||||
<section className="launcher-hero-window" aria-labelledby="launcher-studio-title">
|
||||
<div className="launcher-changelog-titlebar">
|
||||
<div className="launcher-changelog-title">Worldshaper Studio</div>
|
||||
<div className="launcher-changelog-hint">Floating editor launch</div>
|
||||
</div>
|
||||
<div className="launcher-hero-body">
|
||||
<div className="launcher-hero-card">
|
||||
<div className="changelog-splash-hero launcher-hero-banner">
|
||||
<p className="launcher-eyebrow">New RPG</p>
|
||||
<div className="launcher-hero-stack">
|
||||
<div className="launcher-title-bubble">
|
||||
<h1 className="launcher-title" id="launcher-studio-title">Worldshaper Studio</h1>
|
||||
<p className="launcher-status">{status}</p>
|
||||
</div>
|
||||
<div className="launcher-hero-support">
|
||||
<div className="launcher-actions launcher-actions-floating">
|
||||
<button type="button" className="launcher-primary-btn" onClick={() => void handleLaunch()} disabled={isBusy}>
|
||||
Launch
|
||||
</button>
|
||||
<button type="button" className="launcher-secondary-btn" onClick={openRepo} disabled={isBusy}>
|
||||
Open Repo
|
||||
</button>
|
||||
</div>
|
||||
<div className="launcher-hero-copy">
|
||||
<p className="launcher-status">{status}</p>
|
||||
{launchState === "blocked" ? (
|
||||
<p className="launcher-hint">
|
||||
Allow the popup, then use the studio button again to launch the floating editor window.
|
||||
Allow the popup, then use Launch again to open the floating editor window.
|
||||
</p>
|
||||
) : null}
|
||||
{launchState === "opened" ? (
|
||||
|
|
@ -980,14 +983,6 @@ function WorldshaperLauncher() {
|
|||
</p>
|
||||
) : null}
|
||||
{error ? <p className="launcher-error">{error}</p> : null}
|
||||
<div className="launcher-actions">
|
||||
<button type="button" className="launcher-primary-btn" onClick={() => void handleLaunch()} disabled={isBusy}>
|
||||
Open Floating Studio
|
||||
</button>
|
||||
<button type="button" className="launcher-secondary-btn" onClick={openRepo} disabled={isBusy}>
|
||||
Open Repo
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -83,38 +83,40 @@ body {
|
|||
}
|
||||
|
||||
.launcher-hero-window {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
overflow: visible;
|
||||
grid-template-rows: minmax(0, 1fr);
|
||||
justify-self: center;
|
||||
width: min(620px, 100%);
|
||||
}
|
||||
|
||||
.launcher-hero-body {
|
||||
padding: 12px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.launcher-hero-card {
|
||||
.launcher-hero-stack {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
justify-items: center;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.launcher-hero-banner {
|
||||
min-height: 0;
|
||||
.launcher-title-bubble {
|
||||
padding: 16px 24px;
|
||||
border: 1px solid #4f79af;
|
||||
border-radius: 999px;
|
||||
background: color-mix(in srgb, #13233f 84%, transparent);
|
||||
box-shadow:
|
||||
0 16px 34px rgba(3, 8, 18, 0.34),
|
||||
inset 0 0 0 1px rgba(180, 214, 255, 0.08);
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.launcher-hero-support {
|
||||
padding: 12px 14px;
|
||||
border: 1px solid #365782;
|
||||
border-radius: 12px;
|
||||
background: rgba(17, 32, 63, 0.84);
|
||||
box-shadow: inset 0 0 0 1px rgba(10, 16, 32, 0.14);
|
||||
}
|
||||
|
||||
.launcher-eyebrow {
|
||||
margin: 0 0 10px;
|
||||
font-size: 0.76rem;
|
||||
letter-spacing: 0.14em;
|
||||
text-transform: uppercase;
|
||||
color: #9fd8ff;
|
||||
font-weight: 700;
|
||||
.launcher-hero-copy {
|
||||
max-width: 50ch;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.launcher-title {
|
||||
|
|
@ -150,6 +152,11 @@ body {
|
|||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.launcher-actions-floating {
|
||||
margin-top: 0;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.launcher-changelog-window {
|
||||
width: min(760px, 100%);
|
||||
}
|
||||
|
|
@ -914,15 +921,6 @@ body {
|
|||
padding: 12px;
|
||||
}
|
||||
|
||||
.eyebrow {
|
||||
margin: 0;
|
||||
font-size: 0.8rem;
|
||||
letter-spacing: 0.09em;
|
||||
text-transform: uppercase;
|
||||
color: #9ec8f0;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0.2rem 0 0;
|
||||
font-size: 24px;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue