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
This commit is contained in:
2026-02-24 13:02:34 -05:00
parent 0327d367f2
commit 3870168452
+3 -2
View File
@@ -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>
}