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

Center navbar content at 1100px max-width aligning DiscDrop with Releases

Browse Source
This commit is contained in:
droideparanoico
2026-07-03 21:41:10 +02:00
parent 135a6fa9cd
commit dc45db101c
1 changed files with 28 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/templates/layouts/base.html
+7 -6
View File
@@ -30,9 +30,10 @@
</script>
</head>
<body class="min-h-screen bg-base-100">
<div class="navbar bg-base-300 shadow-lg" style="padding:0 1rem;min-height:3.5rem;display:flex;align-items:center">
<div style="display:flex;align-items:center;gap:1.5rem;margin-right:auto">
<a href="/" class="font-bold text-lg text-base-content no-underline">DiscDrop</a>
<div class="navbar bg-base-300 shadow-lg" style="min-height:3.5rem;display:flex;align-items:center;justify-content:center">
<div style="display:flex;align-items:center;width:100%;max-width:1100px;padding:0 1rem;gap:2rem">
<a href="/" class="font-bold text-lg text-base-content no-underline" style="flex-shrink:0">DiscDrop</a>
<div style="flex:1;display:flex;justify-content:center">
<div id="search-wrapper" style="width:18rem">
<form hx-get="/api/artists/search"
hx-target="#search-results"
@@ -43,10 +44,9 @@
</form>
<div id="search-results"></div>
</div>
<a href="/artists" class="font-medium text-base-content no-underline {#if activeTab == 'artists'}font-bold{/if}">Artists</a>
</div>
<div style="display:flex;align-items:center;gap:0.5rem">
<a href="/artists" class="font-medium text-base-content no-underline {#if activeTab == 'artists'}font-bold{/if}" style="flex-shrink:0">Artists</a>
<div style="display:flex;align-items:center;gap:0.5rem;flex-shrink:0;margin-left:1rem">
<select class="select select-bordered select-sm" style="width:7rem" onchange="setTheme(this)">
<option value="dark">Dark</option>
<option value="light">Light</option>
@@ -60,6 +60,7 @@
<button class="btn btn-ghost btn-sm" onclick="settingsModal.showModal()">⚙️</button>
</div>
</div>
</div>
<main>
{#insert page-content}{/insert}