refactor(layout): standardize container width and responsiveness across pages
All checks were successful
Deploy Flowstate to VPS / deploy (push) Successful in 44s

This commit is contained in:
Chneemann 2026-08-19 04:43:03 +02:00
parent 8bf1aa41e3
commit d337425a30
No known key found for this signature in database
6 changed files with 6 additions and 6 deletions

View file

@ -98,7 +98,7 @@ export default function Board({ tasks }: { tasks: Task[] }) {
<Header onTaskDelete={deleteTask} />
{/* Columns Grid */}
<div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-6 items-start">
<div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-2 gap-6 items-start">
{COLUMNS.map((col) => {
const columnTasks = tasks.filter((t) => t.status === col.id);
return (

View file

@ -37,7 +37,7 @@ export default async function MemberDetailPage({
}
return (
<div className="space-y-6 max-w-4xl mx-auto pb-12">
<div className="space-y-8 max-w-7xl mx-auto pb-12">
<MemberHeader />
<MemberProfileCard member={user} />
</div>

View file

@ -59,7 +59,7 @@ export default async function TaskPage({ searchParams }: TaskPageProps) {
.where(not(eq(usersTable.id, session.user.id)));
return (
<div className="mx-auto pb-12">
<div className="space-y-8 max-w-7xl mx-auto pb-12">
<TaskForm
key={`${params.task}-${params.id ?? "new"}`}
users={users}

View file

@ -18,7 +18,7 @@ export default function Footer() {
return (
<footer className="w-full bg-background text-xs px-3 py-3 border-t border-border">
<div className="max-w-5xl mx-auto flex flex-col md:flex-row justify-between items-center gap-2">
<div className="mx-auto flex flex-col md:flex-row justify-between items-center gap-2">
{/* Left: Copyright Notice */}
<p className="order-1 md:order-1 text-foreground-muted">
{COPYRIGHT_TEXT(currentYear)}

View file

@ -14,7 +14,7 @@ import { GoBackButton } from "../components/ui/buttons/GoBackButton";
export default async function ImprintPage() {
return (
<section className="flex-1 overflow-y-auto w-full">
<div className="relative p-6 max-w-5xl mx-auto">
<div className="relative p-6 max-w-7xl mx-auto">
<h1 className="text-2xl font-bold text-foreground mb-1 tracking-tight">
Legal Notice<span className="text-primary">.</span>
</h1>

View file

@ -14,7 +14,7 @@ import { GoBackButton } from "../components/ui/buttons/GoBackButton";
export default async function PrivacyPage() {
return (
<section className="flex-1 overflow-y-auto w-full">
<div className="relative p-6 max-w-5xl mx-auto">
<div className="relative p-6 max-w-7xl mx-auto">
<h1 className="text-2xl font-bold text-foreground mb-1 tracking-tight">
Privacy Policy<span className="text-primary">.</span>
</h1>