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 --> <!-- 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="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"> <div class="flex items-center gap-4">
<label class="text-sm font-medium" style="color: var(--text-secondary)">Library:</label> <label class="text-sm font-medium" style="color: var(--text-secondary)">Library:</label>
<select id="library-select" name="library_id" <select id="library-select" name="library_id"
@@ -64,7 +64,7 @@ templ Dashboard(user User, sections []handlers.SectionData, libData []LibraryDat
</div> </div>
<!-- Collections Container --> <!-- 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 { for _, section := range sections {
@CollectionCarousel(section) @CollectionCarousel(section)
} }
@@ -74,6 +74,7 @@ templ Dashboard(user User, sections []handlers.SectionData, libData []LibraryDat
@DashboardSettingsModal(sections) @DashboardSettingsModal(sections)
@ErrorToast(errorMessage) @ErrorToast(errorMessage)
<script src="/static/woodPanelingInit.js"></script>
</body> </body>
</html> </html>
} }