From 2a5954e8e9335a169cc11b22867c35f5e0d0b4db Mon Sep 17 00:00:00 2001
From: gilles <gillesalbert99@gmail.com>
Date: Sun, 13 Sep 2026 21:04:07 +0200
Subject: [PATCH] style(app): widen layout to tablet size (max-w-3xl)

---
 src/App.tsx                  | 2 +-
 src/components/ErrorPage.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 9e617a8..6fed512 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -39,7 +39,7 @@ function App() {
   }
 
   return (
-    <main className="mx-auto flex w-full max-w-2xl min-h-dvh flex-col pb-[calc(env(safe-area-inset-bottom)+7rem)]">
+    <main className="mx-auto flex w-full max-w-3xl min-h-dvh flex-col pb-[calc(env(safe-area-inset-bottom)+7rem)]">
       <header className="sticky top-0 z-10 border-b border-gray-200 bg-white/95 px-4 pb-3 pt-[calc(env(safe-area-inset-top)+0.75rem)] backdrop-blur">
         <div className="flex h-11 items-center gap-1">
           {creating || selectedNote ? (
diff --git a/src/components/ErrorPage.tsx b/src/components/ErrorPage.tsx
index ea7f854..1678cf5 100644
--- a/src/components/ErrorPage.tsx
+++ b/src/components/ErrorPage.tsx
@@ -6,7 +6,7 @@ function ErrorPage({
   message = "Désolé, la page que vous cherchez n'existe pas.",
 }: ErrorPageProps) {
   return (
-    <main className="mx-auto flex w-full max-w-2xl min-h-dvh flex-col items-center justify-center gap-6 px-4 text-center">
+    <main className="mx-auto flex w-full max-w-3xl min-h-dvh flex-col items-center justify-center gap-6 px-4 text-center">
       <p className="text-6xl font-bold text-blue-700">{code}</p>
       <div>
         <h1 className="text-2xl font-semibold">{title}</h1>