cat/Kanban
Private
Public Access
1
0
Fork 0
Code Activity

Center search bar to page midpoint in nav header

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Catherine Renelle
2026-02-27 20:58:30 -05:00
parent 0e77c50411
commit 8590fb0126
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/+layout.svelte
+4 -4
View File
@@ -37,7 +37,7 @@
<nav class="shadow-sm layout-nav-bg"> <nav class="shadow-sm layout-nav-bg">
<div class="px-4 sm:px-6 lg:px-8"> <div class="px-4 sm:px-6 lg:px-8">
<!-- Desktop: 3-column grid (logo | search | nav) --> <!-- Desktop: 3-column grid (logo | search | nav) -->
<div class="hidden sm:grid sm:grid-cols-[auto_1fr_auto] h-14 items-center gap-4"> <div class="hidden sm:grid sm:grid-cols-[1fr_auto_1fr] h-14 items-center gap-4">
<!-- Left: Logo --> <!-- Left: Logo -->
<a href="/" class="flex items-center gap-2 text-white font-bold text-lg"> <a href="/" class="flex items-center gap-2 text-white font-bold text-lg">
{#if data.tenant?.logoUrl} {#if data.tenant?.logoUrl}
@@ -54,16 +54,16 @@
</a> </a>
<!-- Center: Search --> <!-- Center: Search -->
<div class="flex justify-center"> <div>
{#if data.user} {#if data.user}
<div class="w-full max-w-md"> <div class="w-80">
<SearchBar /> <SearchBar />
</div> </div>
{/if} {/if}
</div> </div>
<!-- Right: Nav items --> <!-- Right: Nav items -->
<div class="flex items-center gap-2"> <div class="flex items-center gap-2 justify-end">
<button <button
onclick={toggleTheme} onclick={toggleTheme}
class="rounded p-1.5 text-white/80 hover:text-white hover:bg-white/20 transition" class="rounded p-1.5 text-white/80 hover:text-white hover:bg-white/20 transition"