player layout shenanigans

This commit is contained in:
2026-02-06 04:04:10 -08:00
parent 3418d19a57
commit 291b8d5d21
2 changed files with 398 additions and 408 deletions

View File

@@ -21,15 +21,15 @@
{@render children()}
</main>
<!-- Desktop sidebar column (in normal flow).
Reserve space in the grid, but render the player only once below. -->
<aside class="hidden lg:block"></aside>
<!-- Desktop sidebar column (in normal flow) -->
<aside class="hidden lg:block">
<ClientOnly showFallback={false}>
{#snippet children()}
<GlobalPlayer />
{/snippet}
</ClientOnly>
</aside>
</div>
<!-- Single GlobalPlayer instance (client-only).
It renders either the desktop sidebar UI or the mobile bar/drawer internally. -->
<ClientOnly showFallback={false}>
{#snippet children()}
<GlobalPlayer />
{/snippet}
</ClientOnly>
<!-- Mobile player is rendered by the same GlobalPlayer instance above.
On small screens, it uses fixed positioning internally so it can overlay. -->