Dev #2
No files matched your search
@@ -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">
|
<div className="min-h-screen bg-canvas text-main flex flex-col font-sans selection:bg-accent/30">
|
||||||
{/* Top Header Bar */}
|
{/* Top Header Bar */}
|
||||||
<header className="sticky top-0 z-30 bg-panel border-b border-border shadow-sm">
|
<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 */}
|
{/* Logo & Headline */}
|
||||||
<div
|
<div
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setActiveTab('triage');
|
setActiveTab('triage');
|
||||||
handleTriggerAddButton();
|
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">
|
<div className="w-7 h-7 bg-accent text-on-accent rounded-btn flex items-center justify-center">
|
||||||
<Brain className="w-4 h-4" />
|
<Brain className="w-4 h-4" />
|
||||||
@@ -313,7 +313,7 @@ export const App: React.FC = () => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* User Profile Pill & Dropdown Menu */}
|
{/* 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
|
<button
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
triggerHaptic(10);
|
triggerHaptic(10);
|
||||||
|
|||||||
@@ -236,7 +236,7 @@ export const InstantCaptureBar: React.FC<InstantCaptureBarProps> = ({
|
|||||||
{/* Quick-Capture Input Bar (Radius controlled by --radius-pill / multiline) */}
|
{/* Quick-Capture Input Bar (Radius controlled by --radius-pill / multiline) */}
|
||||||
<div
|
<div
|
||||||
className={`flex ${
|
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 ${
|
} pl-1.5 pr-1.5 bg-panel border capture-pill ${
|
||||||
isMultiline ? 'capture-bar-multiline' : 'rounded-full'
|
isMultiline ? 'capture-bar-multiline' : 'rounded-full'
|
||||||
} transition-all duration-150 ${
|
} transition-all duration-150 ${
|
||||||
|
|||||||
Reference in new issue
Block a user