From 5694a9ec73be858bf87355625fc9322b52841c59 Mon Sep 17 00:00:00 2001
From: vibe-bot <bot@local>
Date: Sat, 9 Aug 2025 10:58:36 +0200
Subject: [PATCH] Nightly: Containerbreite auf mindestens 90% des Monitors
 erweitert (data-build=nightly)

---
 web/src/App.tsx    | 5 +++++
 web/src/styles.css | 6 ++++++
 2 files changed, 11 insertions(+)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index 17bc640..a4b9c86 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -89,6 +89,11 @@ export default function App() {
   // Theme anwenden/persistieren
   useEffect(() => {
     document.body.setAttribute('data-theme', theme);
+    if (import.meta.env.VITE_BUILD_CHANNEL === 'nightly') {
+      document.body.setAttribute('data-build', 'nightly');
+    } else {
+      document.body.removeAttribute('data-build');
+    }
     localStorage.setItem('theme', theme);
   }, [theme]);
 
diff --git a/web/src/styles.css b/web/src/styles.css
index 928b377..dd346bd 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -303,6 +303,12 @@ body {
 
 .container { width: 90vw; max-width: 1800px; margin: 0 auto; padding: 28px; }
 
+/* Nightly Build: volle Breite (mind. 90% der Anzeige), kein max-width-Limit */
+[data-build="nightly"] .container {
+  width: 90vw;
+  max-width: none;
+}
+
 /* Neuer Header-Style basierend auf Google Stitch Design */
 header { 
   display: flex;