From bbdc53e601d312cc99b22a1c4a158cfea6c3ae66 Mon Sep 17 00:00:00 2001
From: a2nr <anggoro.dwi.nr@gmail.com>
Date: Fri, 24 Jul 2026 15:54:29 +0700
Subject: [PATCH] refactor: playground self-contained full-viewport via
 svelte:head style

---
 frontend/src/routes/+layout.svelte          | 2 +-
 frontend/src/routes/playground/+page.svelte | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index 9573c07..b717305 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -22,7 +22,7 @@
 	<Navbar />
 {/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()}
 </main>
 
diff --git a/frontend/src/routes/playground/+page.svelte b/frontend/src/routes/playground/+page.svelte
index beee530..6773da4 100644
--- a/frontend/src/routes/playground/+page.svelte
+++ b/frontend/src/routes/playground/+page.svelte
@@ -62,6 +62,13 @@
 
 <svelte:head>
 	<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>
 
 <div class="playground-page">