fix: layout étrange sur grand écrans

bachrc · Oct 26, 2024 · ced36db · ced36db
1 parent 6def703
commit ced36db
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>