tim.mccarthy/pirats
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Home: list Rejoin a Crew above Muster, with a gap between

Browse Source 
Returning players are the common case, so surface their saved crews first.
The two glass panels had no margin between them; add spacing on the
Rejoin box so it sits clear of the Muster box below it.

Also tidies the TODO 'Polish' section (renamed from 'UI Polish'; drops the
now-committed Rank-3 bonus 'Gameplay gaps' entry).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Tim McCarthy
2026-06-15 09:14:27 -07:00
parent 5b5087ac23
commit 44f7fd939b
2 changed files with 35 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
frontend/src/pages/Home.svelte
View File

@@ -63,33 +63,6 @@
<div class="hero-flourish" aria-hidden="true">🐀 ⚓ 🐀</div>
</header>
<div class="glass-panel creation-card">
<h2>Muster a New Crew</h2>
<form on:submit|preventDefault={createGame}>
<div class="form-group">
<label for="crewName">Crew Name</label>
<input
type="text"
id="crewName"
bind:value={crewName}
required
placeholder="e.g. The Salty Dogs"
class="input-field input-large"
autocomplete="off"
/>
</div>
{#if error}
<div class="alert alert-danger">{error}</div>
{/if}
<button type="submit" class="btn btn-primary btn-large btn-full" disabled={creating}>
{creating ? 'Creating...' : 'Create Game'}
</button>
</form>
<p class="join-hint">Joining someone else's crew? Ask the game creator for the join link from their lobby.</p>
</div>
{#if sessions.length > 0}
<div class="glass-panel creation-card saved-sessions">
<h2>Rejoin a Crew</h2>
@@ -118,12 +91,43 @@
</div>
{/if}
<div class="glass-panel creation-card">
<h2>Muster a New Crew</h2>
<form on:submit|preventDefault={createGame}>
<div class="form-group">
<label for="crewName">Crew Name</label>
<input
type="text"
id="crewName"
bind:value={crewName}
required
placeholder="e.g. The Salty Dogs"
class="input-field input-large"
autocomplete="off"
/>
</div>
{#if error}
<div class="alert alert-danger">{error}</div>
{/if}
<button type="submit" class="btn btn-primary btn-large btn-full" disabled={creating}>
{creating ? 'Creating...' : 'Create Game'}
</button>
</form>
<p class="join-hint">Joining someone else's crew? Ask the game creator for the join link from their lobby.</p>
</div>
<div class="welcome-links">
<a href="/rules" target="_blank" rel="noopener" class="btn btn-secondary">📖 Read the Rules</a>
</div>
</div>
<style>
/* Space the Rejoin box off the Muster box below it. */
.saved-sessions {
margin-bottom: 1.75rem;
}
.session-list {
list-style: none;
margin: 0;