diff --git a/public/styles/layout.css b/public/styles/layout.css index 5fa3072..4e1f9a0 100755 --- a/public/styles/layout.css +++ b/public/styles/layout.css @@ -172,7 +172,9 @@ } /* ── More-Button (Button-Basis, ansonsten wie nav-item) ── */ -.nav-item--more { +.nav-item--more, +.nav-item--kitchen, +.nav-item--search { background: none; border: none; cursor: pointer; @@ -216,7 +218,7 @@ padding: var(--space-4) var(--space-4) calc(var(--space-4) + var(--safe-area-inset-bottom)); z-index: calc(var(--z-nav) + 2); display: grid; - grid-template-columns: repeat(3, 1fr); + grid-template-columns: repeat(2, 1fr); gap: var(--space-3); transform: translateY(100%); transition: transform 0.25s var(--ease-out); @@ -226,6 +228,16 @@ transform: translateY(0); } +/* ── More-Sheet Drag-Handle ── */ +.more-sheet__handle { + grid-column: 1 / -1; + width: 36px; + height: 4px; + border-radius: var(--radius-full); + background-color: var(--color-border); + margin: 0 auto var(--space-2); +} + /* ── More-Item ── */ .more-item { display: flex; @@ -268,43 +280,6 @@ line-height: 1.2; } -/* ── More-Sheet Suchtrigger ── */ -.more-sheet__search-trigger { - grid-column: 1 / -1; - display: flex; - align-items: center; - gap: var(--space-2); - padding: 0 var(--space-4); - height: var(--target-lg); - border-radius: var(--radius-full); - border: 1.5px solid var(--color-border); - background-color: var(--color-surface-elevated); - color: var(--color-text-tertiary); - cursor: pointer; - font-family: inherit; - font-size: var(--text-sm); - text-align: left; - width: 100%; - -webkit-tap-highlight-color: transparent; - transition: background-color var(--transition-fast), border-color var(--transition-fast); -} - -.more-sheet__search-trigger:active { - background-color: var(--color-surface-hover); - border-color: var(--color-accent); - transform: scale(0.98); -} - -.more-sheet__search-trigger-icon { - width: var(--space-4); - height: var(--space-4); - flex-shrink: 0; -} - -.more-sheet__search-trigger-placeholder { - flex: 1; -} - /* ── Such-Overlay ── */ .search-overlay { position: fixed;