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">
<div class="px-4 sm:px-6 lg:px-8">
<!-- 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 -->
<a href="/" class="flex items-center gap-2 text-white font-bold text-lg">
{#if data.tenant?.logoUrl}
@@ -54,16 +54,16 @@
</a>
<!-- Center: Search -->
<div class="flex justify-center">
<div>
{#if data.user}
<div class="w-full max-w-md">
<div class="w-80">
<SearchBar />
</div>
{/if}
</div>
<!-- Right: Nav items -->
<div class="flex items-center gap-2">
<div class="flex items-center gap-2 justify-end">
<button
onclick={toggleTheme}
class="rounded p-1.5 text-white/80 hover:text-white hover:bg-white/20 transition"