From 387016845232cd87c323109f493fa0913e3fb58f Mon Sep 17 00:00:00 2001
From: John O'Keefe <jrokeefe@protonmail.com>
Date: Tue, 24 Feb 2026 13:02:34 -0500
Subject: [PATCH] refactor(dashboard): apply full-width layout and wood
 paneling

- Remove max-w-7xl constraints from library selector and collections
- Include woodPanelingInit.js script for early paneling application
- Prevent flash of wrong background on page load
- Wood paneling applied only to #collections-container
---
 templates/dashboard.templ | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/templates/dashboard.templ b/templates/dashboard.templ
index dd1b949..4bd97c2 100644
--- a/templates/dashboard.templ
+++ b/templates/dashboard.templ
@@ -24,7 +24,7 @@ templ Dashboard(user User, sections []handlers.SectionData, libData []LibraryDat
 
 		<!-- Sticky Library Selector -->
 		<div class="sticky top-0 z-40 bg-opacity-95 backdrop-blur border-b" style="background-color: var(--bg-primary);">
-			<div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
+			<div class="w-full px-4 py-3 flex items-center justify-between">
 				<div class="flex items-center gap-4">
 					<label class="text-sm font-medium" style="color: var(--text-secondary)">Library:</label>
 					<select id="library-select" name="library_id"
@@ -64,7 +64,7 @@ templ Dashboard(user User, sections []handlers.SectionData, libData []LibraryDat
 		</div>
 
 		<!-- Collections Container -->
-		<main id="collections-container" class="max-w-7xl mx-auto px-4 py-8">
+		<main id="collections-container" class="w-full px-4 py-8">
 			for _, section := range sections {
 				@CollectionCarousel(section)
 			}
@@ -74,6 +74,7 @@ templ Dashboard(user User, sections []handlers.SectionData, libData []LibraryDat
 		@DashboardSettingsModal(sections)
 
 		@ErrorToast(errorMessage)
+		<script src="/static/woodPanelingInit.js"></script>
 	</body>
 	</html>
 }