sandrodach/MindSift
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(workspace): remove bottom bar, implement square monochromatic file explorer tree with subfolders
MindSift CI & Docker Release / Build, Test in Container & Push (push) Successful in 50s
Details

Browse Source
This commit is contained in:
sandrodach committed 2026-10-24 19:56:42 +02:00
1 parent da82caf82c
commit 94123c9424
2 files changed
+506 -168
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/App.tsx
+1 -79
View File
@@ -8,7 +8,6 @@ import {
Brain,
LogOut,
User as UserIcon,
Plus,
Bell,
Shield,
ChevronRight,
@@ -305,7 +304,7 @@ export const App: React.FC = () => {
</header>
{/* Main Container */}
<main className="flex-1 max-w-6xl w-full mx-auto px-3 sm:px-4 pt-3 pb-24">
<main className="flex-1 max-w-6xl w-full mx-auto px-3 sm:px-4 pt-3 pb-6">
{/* Instant Capture Section */}
<section className="mb-3">
<InstantCaptureBar
@@ -351,83 +350,6 @@ export const App: React.FC = () => {
</section>
</main>
{/* Floating Bottom Navigation Dock matching Template Screen 3 */}
<footer className="fixed bottom-0 left-0 right-0 z-40 bg-[#1c1e22]/95 backdrop-blur-lg border-t border-white/[0.08] px-4 py-2 sm:py-3 shadow-2xl">
<div className="max-w-md mx-auto flex items-center justify-between relative px-2">
{/* Triage / Inbox */}
<button
onClick={() => {
triggerHaptic(10);
setActiveTab('triage');
}}
className={`flex flex-col items-center justify-center p-2 rounded-full transition-colors ${
activeTab === 'triage' ? 'text-[#1d8cf8]' : 'text-zinc-400 hover:text-white'
}`}
title="Triage Deck"
>
<Layers className="w-5 h-5" />
<span className="text-[10px] mt-1 font-medium">Triage</span>
</button>
{/* Tasks */}
<button
onClick={() => {
triggerHaptic(10);
setActiveTab('tasks');
}}
className={`flex flex-col items-center justify-center p-2 rounded-full transition-colors ${
activeTab === 'tasks' ? 'text-[#1d8cf8]' : 'text-zinc-400 hover:text-white'
}`}
title="Aufgaben"
>
<CheckSquare className="w-5 h-5" />
<span className="text-[10px] mt-1 font-medium">Aufgaben</span>
</button>
{/* Center Floating Action Button matching Template + Button */}
<div className="relative -top-5 flex flex-col items-center">
<button
onClick={handleTriggerAddButton}
className="w-13 h-13 sm:w-14 sm:h-14 rounded-full bg-[#1d8cf8] hover:bg-[#1877d5] active:scale-95 text-white flex items-center justify-center shadow-lg shadow-blue-500/30 border-4 border-[#16171a] transition-all"
title="Gedanke erfassen"
>
<Plus className="w-6 h-6 stroke-[2.5]" />
</button>
<span className="text-[10px] font-medium text-zinc-300 mt-1">Erfassen</span>
</div>
{/* Lists */}
<button
onClick={() => {
triggerHaptic(10);
setActiveTab('lists');
}}
className={`flex flex-col items-center justify-center p-2 rounded-full transition-colors ${
activeTab === 'lists' ? 'text-[#1d8cf8]' : 'text-zinc-400 hover:text-white'
}`}
title="Listen"
>
<ShoppingCart className="w-5 h-5" />
<span className="text-[10px] mt-1 font-medium">Listen</span>
</button>
{/* Workspace */}
<button
onClick={() => {
triggerHaptic(10);
setActiveTab('workspace');
}}
className={`flex flex-col items-center justify-center p-2 rounded-full transition-colors ${
activeTab === 'workspace' ? 'text-[#1d8cf8]' : 'text-zinc-400 hover:text-white'
}`}
title="Workspace"
>
<FileText className="w-5 h-5" />
<span className="text-[10px] mt-1 font-medium">Workspace</span>
</button>
</div>
</footer>
{/* Profile & Settings Modal styled identically to Template Screen 2 */}
{showProfileModal && (
<div className="fixed inset-0 z-50 bg-black/70 backdrop-blur-sm flex items-center justify-center p-4">