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

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
@@ -1419,8 +1419,8 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
/* =========================================================================
HASHTAG OVERVIEW & TILE DIRECTORY (KACHEL-ANSICHT MIT SUCHE)
========================================================================= */
<div className="flex-1 overflow-y-auto p-4 sm:p-8 bg-canvas">
<div className="max-w-4xl mx-auto space-y-5">
<div className="flex-1 overflow-y-auto p-4 sm:p-6 lg:p-8 bg-canvas">
<div className="w-full space-y-5">
{/* Header with Title and Search Controls */}
<div className="flex flex-col sm:flex-row sm:items-center justify-between gap-3">
<div>
@@ -1511,7 +1511,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
)}
</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) => {
const meta = tagsMetadataMap.get(t.tag.toLowerCase());
return (
@@ -1585,8 +1585,8 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
</div>
</div>
) : subView === 'tag_detail' && selectedTag ? (
<div className="flex-1 overflow-y-auto p-4 sm:p-8 bg-canvas">
<div className="max-w-3xl mx-auto space-y-4">
<div className="flex-1 overflow-y-auto p-4 sm:p-6 lg:p-8 bg-canvas">
<div className="w-full space-y-4">
{/* Back to all tags */}
<div className="flex items-center justify-between border-b border-border pb-3">
<button
@@ -1791,8 +1791,8 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
</div>
</div>
) : subView === 'todos' ? (
<div className="flex-1 overflow-y-auto p-4 sm:p-8 bg-canvas">
<div className="max-w-3xl mx-auto space-y-4">
<div className="flex-1 overflow-y-auto p-4 sm:p-6 lg:p-8 bg-canvas">
<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>
<h2 className="text-lg font-bold text-main">