Dev #2
No files matched your search
@@ -319,16 +319,16 @@ export const App: React.FC = () => {
|
|||||||
triggerHaptic(10);
|
triggerHaptic(10);
|
||||||
setShowProfileMenu((prev) => !prev);
|
setShowProfileMenu((prev) => !prev);
|
||||||
}}
|
}}
|
||||||
className="h-8 pl-1 pr-2.5 capture-pill bg-panel hover:bg-panel-elevated border border-border text-xs font-medium text-main flex items-center gap-2 transition-colors"
|
className="h-8 flex items-center gap-2 text-xs font-medium text-main hover:opacity-85 transition-opacity cursor-pointer group"
|
||||||
title="Benutzermenü öffnen"
|
title="Benutzermenü öffnen"
|
||||||
>
|
>
|
||||||
<div className="w-6 h-6 capture-pill bg-accent text-on-accent text-[10px] font-bold flex items-center justify-center">
|
<div className="w-7 h-7 rounded-full bg-accent text-on-accent text-[11px] font-bold flex items-center justify-center flex-shrink-0">
|
||||||
{user.displayName ? user.displayName.slice(0, 1).toUpperCase() : 'U'}
|
{user.displayName ? user.displayName.slice(0, 1).toUpperCase() : 'U'}
|
||||||
</div>
|
</div>
|
||||||
<span className="max-w-[120px] truncate hidden sm:inline">
|
<span className="max-w-[130px] truncate hidden sm:inline text-main font-medium">
|
||||||
{user.displayName}
|
{user.displayName}
|
||||||
</span>
|
</span>
|
||||||
<ChevronDown className="w-3.5 h-3.5 text-muted" />
|
<ChevronDown className="w-3.5 h-3.5 text-muted group-hover:text-main transition-colors" />
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
{showProfileMenu && (
|
{showProfileMenu && (
|
||||||
|
|||||||
@@ -212,13 +212,13 @@ export const InstantCaptureBar: React.FC<InstantCaptureBarProps> = ({
|
|||||||
<form ref={containerRef} onSubmit={handleSubmit} className="relative">
|
<form ref={containerRef} onSubmit={handleSubmit} className="relative">
|
||||||
{/* Quick-Capture Input Bar (Radius controlled by --radius-pill) */}
|
{/* Quick-Capture Input Bar (Radius controlled by --radius-pill) */}
|
||||||
<div
|
<div
|
||||||
className={`flex items-center h-9 pl-1.5 pr-1.5 bg-panel border capture-pill transition-colors duration-150 ${
|
className={`flex items-center h-9 pl-1.5 pr-1.5 bg-panel border capture-pill rounded-full transition-colors duration-150 ${
|
||||||
isListening
|
isListening
|
||||||
? 'border-accent bg-panel'
|
? 'border-accent bg-panel'
|
||||||
: 'border-border focus-within:border-accent'
|
: 'border-border focus-within:border-accent'
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
<div className="w-6 h-6 capture-pill bg-accent text-on-accent flex items-center justify-center mr-2 flex-shrink-0">
|
<div className="w-6 h-6 capture-pill rounded-full bg-accent text-on-accent flex items-center justify-center mr-2 flex-shrink-0">
|
||||||
<Sparkles className="w-3 h-3" />
|
<Sparkles className="w-3 h-3" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -254,7 +254,7 @@ export const InstantCaptureBar: React.FC<InstantCaptureBarProps> = ({
|
|||||||
type="button"
|
type="button"
|
||||||
onClick={() => setShowOptions((prev) => !prev)}
|
onClick={() => setShowOptions((prev) => !prev)}
|
||||||
title="Ziel wählen (Quick Dump, direkt als Aufgabe, auf Liste oder als Notiz) & Optionen"
|
title="Ziel wählen (Quick Dump, direkt als Aufgabe, auf Liste oder als Notiz) & Optionen"
|
||||||
className={`h-6 px-2.5 capture-pill text-[11px] flex items-center gap-1 transition-colors ${
|
className={`h-6 px-2.5 capture-pill rounded-full text-[11px] flex items-center gap-1 transition-colors ${
|
||||||
showOptions || target !== 'inbox' || priority !== 'normal' || dueDate
|
showOptions || target !== 'inbox' || priority !== 'normal' || dueDate
|
||||||
? 'bg-accent-dim text-accent border border-accent-border font-medium'
|
? 'bg-accent-dim text-accent border border-accent-border font-medium'
|
||||||
: 'text-muted hover:text-main hover:bg-panel-elevated border border-transparent'
|
: 'text-muted hover:text-main hover:bg-panel-elevated border border-transparent'
|
||||||
@@ -281,7 +281,7 @@ export const InstantCaptureBar: React.FC<InstantCaptureBarProps> = ({
|
|||||||
type="button"
|
type="button"
|
||||||
onClick={toggleVoiceDictation}
|
onClick={toggleVoiceDictation}
|
||||||
title="Spracheingabe"
|
title="Spracheingabe"
|
||||||
className={`w-6 h-6 capture-pill flex items-center justify-center transition-colors ${
|
className={`w-6 h-6 capture-pill rounded-full flex items-center justify-center transition-colors ${
|
||||||
isListening
|
isListening
|
||||||
? 'bg-accent-dim text-accent'
|
? 'bg-accent-dim text-accent'
|
||||||
: 'text-muted hover:text-main hover:bg-panel-elevated'
|
: 'text-muted hover:text-main hover:bg-panel-elevated'
|
||||||
@@ -294,7 +294,7 @@ export const InstantCaptureBar: React.FC<InstantCaptureBarProps> = ({
|
|||||||
<button
|
<button
|
||||||
type="submit"
|
type="submit"
|
||||||
disabled={!content.trim() || isSubmitting}
|
disabled={!content.trim() || isSubmitting}
|
||||||
className={`h-6 px-2.5 capture-pill font-medium text-[11px] flex items-center gap-1 transition-all ${
|
className={`h-6 px-2.5 capture-pill rounded-full font-medium text-[11px] flex items-center gap-1 transition-all ${
|
||||||
content.trim()
|
content.trim()
|
||||||
? 'bg-accent hover:bg-accent-hover text-on-accent cursor-pointer shadow-sm'
|
? 'bg-accent hover:bg-accent-hover text-on-accent cursor-pointer shadow-sm'
|
||||||
: 'bg-panel-elevated text-faint cursor-not-allowed'
|
: 'bg-panel-elevated text-faint cursor-not-allowed'
|
||||||
|
|||||||
@@ -78,9 +78,10 @@ body {
|
|||||||
border-radius: var(--radius-card);
|
border-radius: var(--radius-card);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Quick-Capture-Blase & Profil-Pill im Header */
|
/* Quick-Capture-Blase im Header (immer vollständig abgerundet) */
|
||||||
.capture-pill {
|
.capture-pill,
|
||||||
border-radius: var(--radius-pill);
|
.capture-pill.bg-panel.border {
|
||||||
|
border-radius: 9999px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Aufgaben-Checkboxen */
|
/* Aufgaben-Checkboxen */
|
||||||
|
|||||||
Reference in new issue
Block a user