Bookhoard/bookhoard
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 12 Wiki Activity

refactor(layout): apply full-width layout to all pages

Browse Source 
- Remove max-w-7xl containers from all page templates
- Replace with w-full for full-screen width utilization
- Maintain padding for readability
- Admin templates: modify inner content div only (preserve sidebar layout)
This commit is contained in:
john-okeefe
2026-02-24 13:03:01 -05:00
parent 3870168452
commit c341679aaa
10 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/admin_library.templ
+1 -1
View File
@@ -13,7 +13,7 @@ templ AdminLibrary(user User, libraries []LibraryData, users []User) {
<div class="flex min-h-screen" style="background-color: var(--bg-primary)"> <div class="flex min-h-screen" style="background-color: var(--bg-primary)">
@AdminSidebar(user, "/admin/library") @AdminSidebar(user, "/admin/library")
<main class="flex-1 p-8"> <main class="flex-1 p-8">
<div class="max-w-6xl"> <div class="w-full">
<div class="mb-8"> <div class="mb-8">
<div class="flex items-center justify-between mb-4"> <div class="flex items-center justify-between mb-4">
<a href="/admin" class="btn-secondary px-4 py-2 rounded-lg font-medium"> <a href="/admin" class="btn-secondary px-4 py-2 rounded-lg font-medium">
templates/admin_users.templ
+1 -1
View File
@@ -22,7 +22,7 @@ templ AdminUsers(currentUser User, users []User, adminCount int) {
@AdminSidebar(currentUser, "/admin/users") @AdminSidebar(currentUser, "/admin/users")
<main class="flex-1 p-8"> <main class="flex-1 p-8">
<div class="max-w-7xl"> <div class="w-full">
<h1 class="text-3xl font-bold mb-2" style="color: var(--text-primary)">User Management</h1> <h1 class="text-3xl font-bold mb-2" style="color: var(--text-primary)">User Management</h1>
<p style="color: var(--text-secondary)">Manage user accounts and permissions</p> <p style="color: var(--text-secondary)">Manage user accounts and permissions</p>
</div> </div>
templates/analytics.templ
+1 -1
View File
@@ -16,7 +16,7 @@ templ Analytics(user User) {
<body class="theme-{ user.Theme }"> <body class="theme-{ user.Theme }">
@Header(user, "/analytics") @Header(user, "/analytics")
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div class="w-full px-4 sm:px-6 lg:px-8 py-8">
<div class="mb-8"> <div class="mb-8">
<h1 class="text-3xl font-bold mb-2" style="color: var(--text-primary)">📊 Reading Analytics</h1> <h1 class="text-3xl font-bold mb-2" style="color: var(--text-primary)">📊 Reading Analytics</h1>
<p style="color: var(--text-secondary)">Track your reading habits and device usage</p> <p style="color: var(--text-secondary)">Track your reading habits and device usage</p>
templates/bookshelf.templ
+1 -1
View File
@@ -14,7 +14,7 @@ templ BookShelf(user User, libraries []LibraryData) {
</head> </head>
<body class="theme-{ user.Theme }"> <body class="theme-{ user.Theme }">
@Header(user, "/bookshelf") @Header(user, "/bookshelf")
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:8 py-8"> <div class="w-full px-4 sm:px-6 lg:8 py-8">
<!-- Library Selector --> <!-- Library Selector -->
<div class="mb-8"> <div class="mb-8">
<div class="flex flex-col sm:flex-row gap-4 items-center justify-between"> <div class="flex flex-col sm:flex-row gap-4 items-center justify-between">
templates/collections.templ
+2 -2
View File
@@ -16,7 +16,7 @@ templ Collection(user User, collections []CollectionData, errorMessage string) {
<body class="theme-{ user.Theme }"> <body class="theme-{ user.Theme }">
@Header(user, "/collections") @Header(user, "/collections")
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div class="w-full px-4 sm:px-6 lg:px-8 py-8">
<div class="mb-8 flex justify-between items-center"> <div class="mb-8 flex justify-between items-center">
<div> <div>
<h1 class="text-3xl font-bold" style="color: var(--text-primary)">My Collections</h1> <h1 class="text-3xl font-bold" style="color: var(--text-primary)">My Collections</h1>
@@ -227,7 +227,7 @@ templ CollectionDetail(user User, collection CollectionData, books []handlers.Bo
<body class="theme-{ user.Theme }"> <body class="theme-{ user.Theme }">
@Header(user, "/collections") @Header(user, "/collections")
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div class="w-full px-4 sm:px-6 lg:px-8 py-8">
<div class="mb-6"> <div class="mb-6">
<button onclick="backToCollections()" class="btn-secondary px-4 py-2 rounded-lg mb-4"> <button onclick="backToCollections()" class="btn-secondary px-4 py-2 rounded-lg mb-4">
← Back to Collections ← Back to Collections
templates/conflicts.templ
+1 -1
View File
@@ -17,7 +17,7 @@ templ Conflicts(user User, conflicts []handlers.ConflictDetailResponse, total in
<body class="theme-{ user.Theme }"> <body class="theme-{ user.Theme }">
@Header(user, "/conflicts") @Header(user, "/conflicts")
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div class="w-full px-4 sm:px-6 lg:px-8 py-8">
<div class="mb-8"> <div class="mb-8">
<div class="flex justify-between items-center"> <div class="flex justify-between items-center">
<div> <div>
templates/devices.templ
+1 -1
View File
@@ -17,7 +17,7 @@ templ Devices(user User, devices []handlers.DeviceInfo, pendingRegistrations []P
</head> </head>
<body class="theme-{ user.Theme }"> <body class="theme-{ user.Theme }">
@Header(user, "/devices") @Header(user, "/devices")
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div class="w-full px-4 sm:px-6 lg:px-8 py-8">
<!-- Header Section --> <!-- Header Section -->
<div class="mb-8"> <div class="mb-8">
<div class="flex justify-between items-center"> <div class="flex justify-between items-center">
templates/progress.templ
+1 -1
View File
@@ -16,7 +16,7 @@ templ Progress(user User, progressData []handlers.ProgressWithMedia, errorMessag
<body class="theme-{ user.Theme }"> <body class="theme-{ user.Theme }">
@Header(user, "/progress") @Header(user, "/progress")
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div class="w-full px-4 sm:px-6 lg:px-8 py-8">
<div class="mb-8"> <div class="mb-8">
<h1 class="text-3xl font-bold" style="color: var(--text-primary)">Reading Progress</h1> <h1 class="text-3xl font-bold" style="color: var(--text-primary)">Reading Progress</h1>
<p style="color: var(--text-secondary)">Track your reading progress across all devices</p> <p style="color: var(--text-secondary)">Track your reading progress across all devices</p>
templates/queue.templ
+1 -1
View File
@@ -16,7 +16,7 @@ templ Queue(user User, queueItems []handlers.QueueItemResponse, stats handlers.Q
</head> </head>
<body class="theme-{ user.Theme }"> <body class="theme-{ user.Theme }">
@Header(user, "/queue") @Header(user, "/queue")
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div class="w-full px-4 sm:px-6 lg:px-8 py-8">
<div class="mb-8"> <div class="mb-8">
<div class="flex justify-between items-center"> <div class="flex justify-between items-center">
<div> <div>
templates/unlinked_books.templ
+1 -1
View File
@@ -14,7 +14,7 @@ templ UnlinkedBooks(user User, unlinkedBooks []UnlinkedBookData) {
<body class="theme-{ user.Theme }"> <body class="theme-{ user.Theme }">
@Header(user, "/unlinked") @Header(user, "/unlinked")
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div class="w-full px-4 sm:px-6 lg:px-8 py-8">
<div class="mb-8"> <div class="mb-8">
<h1 class="text-3xl font-bold" style="color: var(--text-primary)">Unlinked Books</h1> <h1 class="text-3xl font-bold" style="color: var(--text-primary)">Unlinked Books</h1>
<p style="color: var(--text-secondary)">Resolve books that couldn't be automatically matched between devices</p> <p style="color: var(--text-secondary)">Resolve books that couldn't be automatically matched between devices</p>