style(header): dock logo and profile to top while quick dump expands downward
MindSift CI & Docker Release / Build, Test in Container & Push (push) Successful in 52s

This commit is contained in:
sandrodach committed 2026-10-25 01:48:10 +02:00
1 parent 577893172b
commit 05de76cce4
2 files changed
+4 -4

No files matched your search

+3 -3
View File
@@ -281,14 +281,14 @@ export const App: React.FC = () => {
<div className="min-h-screen bg-canvas text-main flex flex-col font-sans selection:bg-accent/30">
{/* Top Header Bar */}
<header className="sticky top-0 z-30 bg-panel border-b border-border shadow-sm">
<div className="max-w-6xl mx-auto px-3 sm:px-4 py-2 flex items-center justify-between gap-3 sm:gap-6">
<div className="max-w-6xl mx-auto px-3 sm:px-4 py-2 flex items-start justify-between gap-3 sm:gap-6">
{/* Logo & Headline */}
<div
onClick={() => {
setActiveTab('triage');
handleTriggerAddButton();
}}
className="flex items-center gap-2.5 cursor-pointer group select-none flex-shrink-0"
className="h-9 flex items-center gap-2.5 cursor-pointer group select-none flex-shrink-0"
>
<div className="w-7 h-7 bg-accent text-on-accent rounded-btn flex items-center justify-center">
<Brain className="w-4 h-4" />
@@ -313,7 +313,7 @@ export const App: React.FC = () => {
</div>
{/* User Profile Pill & Dropdown Menu */}
<div className="relative flex items-center gap-2 flex-shrink-0" ref={dropdownRef}>
<div className="relative h-9 flex items-center gap-2 flex-shrink-0" ref={dropdownRef}>
<button
onClick={() => {
triggerHaptic(10);
@@ -236,7 +236,7 @@ export const InstantCaptureBar: React.FC<InstantCaptureBarProps> = ({
{/* Quick-Capture Input Bar (Radius controlled by --radius-pill / multiline) */}
<div
className={`flex ${
isMultiline ? 'items-end py-1.5' : 'items-center h-9'
isMultiline ? 'items-end py-1.5 min-h-[36px]' : 'items-center h-9'
} pl-1.5 pr-1.5 bg-panel border capture-pill ${
isMultiline ? 'capture-bar-multiline' : 'rounded-full'
} transition-all duration-150 ${