Match launcher hero to release panel
This commit is contained in:
parent
8176c414a8
commit
6c6b1295a3
2 changed files with 76 additions and 54 deletions
|
|
@ -100,33 +100,45 @@ function WorldshaperLauncher() {
|
|||
style={{ "--launcher-background-image": `url(${launcherBackground})` } as CSSProperties}
|
||||
>
|
||||
<div className="launcher-stack">
|
||||
<section className="launcher-card">
|
||||
<p className="launcher-eyebrow">New RPG</p>
|
||||
<h1 className="launcher-title">Worldshaper Studio</h1>
|
||||
<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.
|
||||
</p>
|
||||
) : null}
|
||||
{launchState === "opened" ? (
|
||||
<p className="launcher-hint">
|
||||
The studio is open in its own slim window. This page stays behind as your release board and relaunch point.
|
||||
</p>
|
||||
) : null}
|
||||
{launchState === "ready" ? (
|
||||
<p className="launcher-hint">
|
||||
The editor is designed to live in its own floating window, so the launcher keeps the first step clean.
|
||||
</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>
|
||||
<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>
|
||||
<h1 className="launcher-title" id="launcher-studio-title">Worldshaper Studio</h1>
|
||||
<p className="launcher-status">{status}</p>
|
||||
</div>
|
||||
<div className="launcher-hero-support">
|
||||
{launchState === "blocked" ? (
|
||||
<p className="launcher-hint">
|
||||
Allow the popup, then use the studio button again to launch the floating editor window.
|
||||
</p>
|
||||
) : null}
|
||||
{launchState === "opened" ? (
|
||||
<p className="launcher-hint">
|
||||
The studio is open in its own slim window. This page stays behind as your release board and relaunch point.
|
||||
</p>
|
||||
) : null}
|
||||
{launchState === "ready" ? (
|
||||
<p className="launcher-hint">
|
||||
The editor is designed to live in its own floating window, so the launcher keeps the first step clean.
|
||||
</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>
|
||||
</section>
|
||||
<section className="launcher-changelog-window" aria-labelledby="launcher-whats-new-title">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue