droideparanoico/discdrop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "Strip all custom CSS, use plain daisyUI classes only"

Browse Source 
This reverts commit e2bd237a7b.
This commit is contained in:
droideparanoico
2026-07-03 12:18:52 +02:00
parent e2bd237a7b
commit e9be57bde0
6 changed files with 131 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/templates/layouts/base.html
+34 -12
View File
@@ -7,7 +7,14 @@
<link href="https://cdn.jsdelivr.net/npm/daisyui@4/dist/full.min.css" rel="stylesheet">
<script src="https://unpkg.com/htmx.org@2/dist/htmx.min.js"></script>
<style>
#search-results { position: absolute; top: 100%; left: 0; right: 0; z-index: 50; }
#search-wrapper { position: relative; width: 100%; }
#search-results {
position: absolute; top: 100%; left: 0; right: 0; z-index: 50;
}
main { max-width: 1100px; margin: 0 auto; padding: 1.5rem 1rem; }
.icon-sm { width: 16px; height: 16px; flex-shrink: 0; }
.icon-xs { width: 12px; height: 12px; flex-shrink: 0; }
.icon-lg { width: 48px; height: 48px; flex-shrink: 0; }
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {
@@ -21,26 +28,37 @@
}
</script>
</head>
<body class="min-h-screen bg-base-200">
<div class="navbar bg-base-100 shadow-lg px-4">
<div class="flex-1">
<body style="min-height:100vh;background:var(--b2)">
<div style="display:flex;align-items:center;gap:1rem;padding:0.5rem 1rem;background:var(--b1);box-shadow:0 1px 3px rgba(0,0,0,0.1)">
<div style="display:flex;align-items:center;gap:0.25rem;flex-shrink:0">
<div class="tabs tabs-box">
<a href="/" class="tab tab-sm {#if activeTab == 'releases'}tab-active{/if}">Releases</a>
<a href="/artists" class="tab tab-sm {#if activeTab == 'artists'}tab-active{/if}">Artists</a>
</div>
</div>
<div class="flex-none gap-2">
<div class="form-control relative w-72">
<div style="flex:1;text-align:center">
<a href="/" style="text-decoration:none;font-size:1.25rem;font-weight:800;color:var(--p)">DiscDrop</a>
</div>
<div style="display:flex;align-items:center;gap:0.5rem;flex:1;justify-content:flex-end;max-width:50%">
<div id="search-wrapper" style="max-width:420px">
<form hx-get="/api/artists/search"
hx-target="#search-results"
hx-swap="innerHTML"
hx-trigger="keyup changed delay:300ms from:#search-input">
<input id="search-input" type="text" placeholder="Search artists..."
class="input input-bordered input-sm w-full" name="q" autocomplete="off">
<input id="search-input"
type="text"
placeholder="Search artists..."
class="input input-bordered input-sm w-full"
name="q"
autocomplete="off">
</form>
<div id="search-results"></div>
</div>
<select class="select select-bordered select-sm w-28" onchange="setTheme(this)">
<select class="select select-bordered select-sm" style="width:7rem;flex-shrink:0"
onchange="setTheme(this)">
<option value="dark">Dark</option>
<option value="light">Light</option>
<option value="synthwave">Synthwave</option>
@@ -50,17 +68,21 @@
<option value="dim">Dim</option>
<option value="nord">Nord</option>
</select>
<button class="btn btn-ghost btn-sm" onclick="settingsModal.showModal()">⚙️</button>
<button class="btn btn-ghost btn-sm px-2" style="flex-shrink:0"
onclick="settingsModal.showModal()">⚙️</button>
</div>
</div>
<main class="container mx-auto p-4">
<main>
{#insert page-content}{/insert}
</main>
<dialog id="settingsModal" class="modal">
<div class="modal-box max-w-md" id="settings-modal-content"
hx-get="/api/settings/form" hx-trigger="load" hx-swap="innerHTML">
hx-get="/api/settings/form"
hx-trigger="load"
hx-swap="innerHTML">
<span class="loading loading-spinner"></span>
</div>
</dialog>