a2nr
/
elemes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: playground self-contained full-viewport via svelte:head style

This commit is contained in:
a2nr 2026-07-24 15:54:29 +07:00
parent f705f1f314
commit bbdc53e601
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/routes/+layout.svelte
View File

@ -22,7 +22,7 @@
<Navbar /> <Navbar />
{/if} {/if}
<main class="container" style="flex: 1; padding-block: {isFullViewport ? '0' : '1.5rem'}; overflow: {isFullViewport ? 'hidden' : 'visible'}; max-width: {isFullViewport ? '100%' : ''}; padding-inline: {isFullViewport ? '0' : ''}; width: {isFullViewport ? '100%' : ''};"> <main class="container" style="flex: 1; padding-block: {isFullViewport ? '0' : '1.5rem'}; overflow: {isFullViewport ? 'hidden' : 'visible'};">
{@render children()} {@render children()}
</main> </main>

7
frontend/src/routes/playground/+page.svelte
View File

@ -62,6 +62,13 @@
<svelte:head> <svelte:head>
<title>Developer Playground — Elemes</title> <title>Developer Playground — Elemes</title>
<style>
/* Override root container constrainer — playground is full viewport */
main.container {
max-width: none !important;
padding-inline: 0 !important;
}
</style>
</svelte:head> </svelte:head>
<div class="playground-page"> <div class="playground-page">