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

style(workspace): align UI styling with ListsView (rounded-full avatars, dark canvas borders, unified Radio live badge, unified Users share button)
MindSift CI & Docker Release / Build, Test in Container & Push (push) Successful in 56s
Details

Browse Source
This commit is contained in:
sandrodach committed 2026-10-26 22:36:32 +01:00
1 parent cedf5aebff
commit 634195b629
2 files changed
+92 -65
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/features/workspace/WorkspaceView.tsx
+7 -8
View File
@@ -15,7 +15,6 @@ import {
Users,
Plus,
X,
Share2,
ExternalLink,
Sparkles,
} from 'lucide-react';
@@ -514,12 +513,12 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
}, [activeDocShares, shareModalDoc, shareModalFolder]);
return (
<div className="flex h-[calc(100vh-4rem)] panel-surface rounded-card border border-border overflow-hidden shadow-panel">
<div className="flex h-[calc(100vh-4rem)] bg-canvas rounded-card border border-border overflow-hidden shadow-panel">
{/* LEFT MASTER SIDEBAR */}
<aside
className={`${
mobileShowDetail ? 'hidden lg:flex' : 'flex'
} w-full lg:w-72 xl:w-80 shrink-0 flex-col bg-panel border-r border-border`}
} w-full lg:w-72 xl:w-80 shrink-0 flex-col bg-canvas border-r border-border`}
>
{/* Sidebar Header & Actions */}
<div className="p-3 border-b border-border space-y-2">
@@ -733,9 +732,9 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
type="button"
onClick={() => openFolderShareModal(sharedFolderObj)}
className="p-1 rounded-btn hover:bg-canvas text-accent"
title="Ordner-Freigabe"
title="Ordner teilen und Berechtigungen"
>
<Share2 className="w-3 h-3" />
<Users className="w-3 h-3" />
</button>
)}
<button
@@ -916,7 +915,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
{tagDetails?.documents.map((docGroup) => (
<div
key={docGroup.docId}
className="p-3 rounded-card border border-border bg-panel space-y-1.5"
className="p-3 rounded-card border border-border bg-canvas space-y-1.5"
>
<button
type="button"
@@ -1001,10 +1000,10 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
return (
<div
key={folderName}
className="border border-border rounded-card bg-panel overflow-hidden"
className="border border-border rounded-card bg-canvas overflow-hidden"
>
{/* Folder Header */}
<div className="p-2 bg-panel-elevated border-b border-border flex items-center justify-between">
<div className="p-2 bg-canvas border-b border-border flex items-center justify-between">
<div
onClick={() => {
setCollapsedTodoFolders((prev) => {