fix: center content alignment on portal and stock pages

This commit is contained in:
Patrick Plate
2026-06-12 19:01:47 +02:00
parent 7f99e11d9f
commit dce27a4291
14 changed files with 9 additions and 9 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 73 KiB

After

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

After

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 73 KiB

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 73 KiB

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 66 KiB

@@ -12,7 +12,7 @@ export default async function PortalLayout({
return (
<NextIntlClientProvider messages={messages}>
<div className="min-h-screen flex flex-col bg-background text-foreground">
<div className="min-h-screen w-full flex flex-col bg-background text-foreground">
{children}
</div>
</NextIntlClientProvider>
@@ -115,8 +115,8 @@ export default function PortalDashboardPage() {
return (
<>
<PortalNavbar />
<main className="flex-1">
<div className="mx-auto max-w-4xl px-4 py-6 space-y-6">
<main className="flex-1 w-full">
<div className="mx-auto max-w-5xl px-4 sm:px-6 lg:px-8 py-6 space-y-6">
{/* Welcome */}
<div>
<h1 className="text-xl font-bold sm:text-2xl">
@@ -43,8 +43,8 @@ export default function PortalHistoryPage() {
return (
<>
<PortalNavbar />
<main className="flex-1">
<div className="mx-auto max-w-4xl px-4 py-6 space-y-6">
<main className="flex-1 w-full">
<div className="mx-auto max-w-5xl px-4 sm:px-6 lg:px-8 py-6 space-y-6">
{/* Header + Filter */}
<div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<h1 className="text-xl font-bold sm:text-2xl">{t("history")}</h1>
@@ -40,8 +40,8 @@ export default function PortalProfilePage() {
return (
<>
<PortalNavbar />
<main className="flex-1">
<div className="mx-auto max-w-4xl px-4 py-6 space-y-6">
<main className="flex-1 w-full">
<div className="mx-auto max-w-5xl px-4 sm:px-6 lg:px-8 py-6 space-y-6">
<h1 className="text-xl font-bold sm:text-2xl">{t("profile")}</h1>
{/* Personal Info (read-only) */}
@@ -8,7 +8,7 @@ export function PortalFooter() {
return (
<footer className="mt-auto border-t bg-muted/30">
<div className="mx-auto flex max-w-4xl items-center justify-between px-4 py-4">
<div className="mx-auto flex max-w-5xl items-center justify-between px-4 sm:px-6 lg:px-8 py-4">
<div className="flex items-center gap-2 text-xs text-muted-foreground">
<Cannabis className="h-3 w-3" />
<span>{t("footerText")}</span>
@@ -23,7 +23,7 @@ export function PortalNavbar() {
return (
<header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<div className="mx-auto flex h-14 max-w-4xl items-center justify-between px-4">
<div className="mx-auto flex h-14 max-w-5xl items-center justify-between px-4 sm:px-6 lg:px-8">
{/* Logo + Club Name */}
<Link
href="/portal/dashboard"