refactor(layout): standardize container width and responsiveness across pages
All checks were successful
Deploy Flowstate to VPS / deploy (push) Successful in 44s
All checks were successful
Deploy Flowstate to VPS / deploy (push) Successful in 44s
This commit is contained in:
parent
8bf1aa41e3
commit
d337425a30
6 changed files with 6 additions and 6 deletions
|
|
@ -98,7 +98,7 @@ export default function Board({ tasks }: { tasks: Task[] }) {
|
||||||
<Header onTaskDelete={deleteTask} />
|
<Header onTaskDelete={deleteTask} />
|
||||||
|
|
||||||
{/* Columns Grid */}
|
{/* 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) => {
|
{COLUMNS.map((col) => {
|
||||||
const columnTasks = tasks.filter((t) => t.status === col.id);
|
const columnTasks = tasks.filter((t) => t.status === col.id);
|
||||||
return (
|
return (
|
||||||
|
|
|
||||||
|
|
@ -37,7 +37,7 @@ export default async function MemberDetailPage({
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
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 />
|
<MemberHeader />
|
||||||
<MemberProfileCard member={user} />
|
<MemberProfileCard member={user} />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -59,7 +59,7 @@ export default async function TaskPage({ searchParams }: TaskPageProps) {
|
||||||
.where(not(eq(usersTable.id, session.user.id)));
|
.where(not(eq(usersTable.id, session.user.id)));
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="mx-auto pb-12">
|
<div className="space-y-8 max-w-7xl mx-auto pb-12">
|
||||||
<TaskForm
|
<TaskForm
|
||||||
key={`${params.task}-${params.id ?? "new"}`}
|
key={`${params.task}-${params.id ?? "new"}`}
|
||||||
users={users}
|
users={users}
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,7 @@ export default function Footer() {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<footer className="w-full bg-background text-xs px-3 py-3 border-t border-border">
|
<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 */}
|
{/* Left: Copyright Notice */}
|
||||||
<p className="order-1 md:order-1 text-foreground-muted">
|
<p className="order-1 md:order-1 text-foreground-muted">
|
||||||
{COPYRIGHT_TEXT(currentYear)}
|
{COPYRIGHT_TEXT(currentYear)}
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,7 @@ import { GoBackButton } from "../components/ui/buttons/GoBackButton";
|
||||||
export default async function ImprintPage() {
|
export default async function ImprintPage() {
|
||||||
return (
|
return (
|
||||||
<section className="flex-1 overflow-y-auto w-full">
|
<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">
|
<h1 className="text-2xl font-bold text-foreground mb-1 tracking-tight">
|
||||||
Legal Notice<span className="text-primary">.</span>
|
Legal Notice<span className="text-primary">.</span>
|
||||||
</h1>
|
</h1>
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,7 @@ import { GoBackButton } from "../components/ui/buttons/GoBackButton";
|
||||||
export default async function PrivacyPage() {
|
export default async function PrivacyPage() {
|
||||||
return (
|
return (
|
||||||
<section className="flex-1 overflow-y-auto w-full">
|
<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">
|
<h1 className="text-2xl font-bold text-foreground mb-1 tracking-tight">
|
||||||
Privacy Policy<span className="text-primary">.</span>
|
Privacy Policy<span className="text-primary">.</span>
|
||||||
</h1>
|
</h1>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue