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:
@@ -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>
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user