From ced36db48ce80470e6bc6413ac0df6233d646cc3 Mon Sep 17 00:00:00 2001
From: bachrc <yohann.bacha@bachrc.net>
Date: Sat, 26 Oct 2024 22:25:29 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20layout=20=C3=A9trange=20sur=20grand=20?=
 =?UTF-8?q?=C3=A9crans?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TdsChart.svelte | 2 +-
 src/lib/chart_config.ts        | 1 +
 src/routes/+layout.svelte      | 2 +-
 src/routes/profil/+page.svelte | 2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/TdsChart.svelte b/src/components/TdsChart.svelte
index 2edca2c..f01c95f 100644
--- a/src/components/TdsChart.svelte
+++ b/src/components/TdsChart.svelte
@@ -44,4 +44,4 @@
   });
 </script>
 
-<canvas bind:this={chartCanvas} id="extractionChart" height={256}></canvas>
+<canvas bind:this={chartCanvas} id="extractionChart"></canvas>
diff --git a/src/lib/chart_config.ts b/src/lib/chart_config.ts
index 58952e0..cb2917d 100644
--- a/src/lib/chart_config.ts
+++ b/src/lib/chart_config.ts
@@ -13,6 +13,7 @@ export function setupChart(node: ChartItem, extraction: Extraction): Chart {
     type: 'scatter',
     plugins: [annotationPlugin],
     options: {
+      responsive: true,
       animation: false,
       plugins: {
         annotation: {
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 6bf034f..e357788 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -18,7 +18,7 @@
       </a>
     {/if}
   </nav>
-  <main class="grow mx-auto container">
+  <main class="grow md:max-w-screen-md md:container md:mx-auto">
     {@render children()}
   </main>
   <footer class="w-full text-xs h-10 gap-2 bg-amber-100 flex flex-row items-center justify-center">
diff --git a/src/routes/profil/+page.svelte b/src/routes/profil/+page.svelte
index d68a28f..4e2c6b3 100644
--- a/src/routes/profil/+page.svelte
+++ b/src/routes/profil/+page.svelte
@@ -15,7 +15,7 @@
   <div class="flex flex-col gap-4">
     <div class="flex flex-col">
       <span class="text-xs font-bold">Nom</span>
-      <ChampEditable valeur={currentUser.value?.name} onupdate={majNom} />
+      <ChampEditable type="text" valeur={currentUser.value?.name} onupdate={majNom} />
     </div>
     <div class="flex flex-col">
       <span class="text-xs font-bold">Pseudonyme</span>