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

style: expand Workspace To-Dos and Hashtags views to full container width
MindSift CI & Docker Release / Build, Test in Container & Push (push) Successful in 1m1s
Details

Browse Source
This commit is contained in:
sandrodach committed 2026-10-27 11:54:56 +01:00
1 parent 8769aceb05
commit f7e70b649f
1 file changed
+7 -7
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/features/workspace/WorkspaceView.tsx
+7 -7
View File
@@ -1419,8 +1419,8 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
/* ========================================================================= /* =========================================================================
HASHTAG OVERVIEW & TILE DIRECTORY (KACHEL-ANSICHT MIT SUCHE) HASHTAG OVERVIEW & TILE DIRECTORY (KACHEL-ANSICHT MIT SUCHE)
========================================================================= */ ========================================================================= */
<div className="flex-1 overflow-y-auto p-4 sm:p-8 bg-canvas"> <div className="flex-1 overflow-y-auto p-4 sm:p-6 lg:p-8 bg-canvas">
<div className="max-w-4xl mx-auto space-y-5"> <div className="w-full space-y-5">
{/* Header with Title and Search Controls */} {/* Header with Title and Search Controls */}
<div className="flex flex-col sm:flex-row sm:items-center justify-between gap-3"> <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-3">
<div> <div>
@@ -1511,7 +1511,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
)} )}
</div> </div>
) : ( ) : (
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3.5"> <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-3.5">
{filteredTags.map((t) => { {filteredTags.map((t) => {
const meta = tagsMetadataMap.get(t.tag.toLowerCase()); const meta = tagsMetadataMap.get(t.tag.toLowerCase());
return ( return (
@@ -1585,8 +1585,8 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
</div> </div>
</div> </div>
) : subView === 'tag_detail' && selectedTag ? ( ) : subView === 'tag_detail' && selectedTag ? (
<div className="flex-1 overflow-y-auto p-4 sm:p-8 bg-canvas"> <div className="flex-1 overflow-y-auto p-4 sm:p-6 lg:p-8 bg-canvas">
<div className="max-w-3xl mx-auto space-y-4"> <div className="w-full space-y-4">
{/* Back to all tags */} {/* Back to all tags */}
<div className="flex items-center justify-between border-b border-border pb-3"> <div className="flex items-center justify-between border-b border-border pb-3">
<button <button
@@ -1791,8 +1791,8 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
</div> </div>
</div> </div>
) : subView === 'todos' ? ( ) : subView === 'todos' ? (
<div className="flex-1 overflow-y-auto p-4 sm:p-8 bg-canvas"> <div className="flex-1 overflow-y-auto p-4 sm:p-6 lg:p-8 bg-canvas">
<div className="max-w-3xl mx-auto space-y-4"> <div className="w-full space-y-4">
<div className="flex flex-col sm:flex-row sm:items-center justify-between border-b border-border pb-3 gap-2"> <div className="flex flex-col sm:flex-row sm:items-center justify-between border-b border-border pb-3 gap-2">
<div> <div>
<h2 className="text-lg font-bold text-main"> <h2 className="text-lg font-bold text-main">