From 443b734f149bd15ba3757d7fee504bae75f85927 Mon Sep 17 00:00:00 2001
From: Raphael Forment <raphael.forment@gmail.com>
Date: Fri, 3 Nov 2023 18:35:17 +0100
Subject: [PATCH] should be better on mobile

---
 src/lib/Membres.svelte.md | 23 ++++++++++++++++++++---
 src/lib/Portrait.svelte   |  2 +-
 src/lib/Presse.svelte.md  |  3 ++-
 tailwind.config.cjs       |  2 +-
 4 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/lib/Membres.svelte.md b/src/lib/Membres.svelte.md
index dc0de7c..ac6d48c 100644
--- a/src/lib/Membres.svelte.md
+++ b/src/lib/Membres.svelte.md
@@ -22,7 +22,6 @@
                site: "https://th4music.net",
                mail: "",
           },
-
           {
                name: "Raphaël Bastide",
                description: "",
@@ -30,13 +29,31 @@
                site: "https://raphaelbastide.com",
                mail: "",
           },
+          {
+               name: "Raphaël Bastide",
+               description: "",
+               image: "https://radicalnetworks.org/archives/2018/participants/raphael-bastide/raphaelbastide.jpg",
+               site: "https://raphaelbastide.com",
+               mail: "",
+          },
+          {
+               name: "Raphaël Bastide",
+               description: "",
+               image: "https://radicalnetworks.org/archives/2018/participants/raphael-bastide/raphaelbastide.jpg",
+               site: "https://raphaelbastide.com",
+               mail: "",
+          },
+
+
      ]
 </script>
 
 # Membres
 
-<div class="grid grid-cols-2 md:grid-cols-3 grid-rows-3 md:grid-rows-2 gap-4 h-5/6 w-4/5 mx-auto">
+<div class="lg:grid sm:grid grid-cols-2 md:grid-cols-3 grid-rows-2 md:grid-rows-3 mx-auto gap-4">
      {#each members as {name, description, image, site, mail}, i}
-          <Portrait name={name} description={description} image={image} site={site} mail={mail}/>
+          <div>
+               <Portrait name={name} description={description} image={image} site={site} mail={mail}/>
+          </div>
      {/each}
 </div>
diff --git a/src/lib/Portrait.svelte b/src/lib/Portrait.svelte
index 9f5ad69..3c09832 100644
--- a/src/lib/Portrait.svelte
+++ b/src/lib/Portrait.svelte
@@ -7,7 +7,7 @@
 </script>
 
 <div
-  class="mx-2 w-full max-w-sm bg-base-300 dark:bg-base-300 border border-gray-200 rounded-lg shadow dark:border-gray-700"
+  class="mx-2 w-72 bg-base-300 dark:bg-base-300 border border-gray-200 rounded-lg shadow dark:border-gray-700"
 >
   <div class="flex justify-end px-4 pt-4" />
   <div class="flex flex-col items-center pb-10">
diff --git a/src/lib/Presse.svelte.md b/src/lib/Presse.svelte.md
index 2f90cde..c1a23f2 100644
--- a/src/lib/Presse.svelte.md
+++ b/src/lib/Presse.svelte.md
@@ -39,7 +39,8 @@
 
 # Presse
 
-<div class="grid grid-cols-2 md:grid-cols-3 grid-rows-3 md:grid-rows-2 gap-8 mx-auto gap-4"> {#each general_press as {title, picture, link, author}, i}
+<div class="lg:grid sm:grid grid-cols-2 md:grid-cols-3 grid-rows-2 md:grid-rows-3 mx-auto gap-4">
+     {#each general_press as {title, picture, link, author}, i}
           <Press title={title} description={author} image={picture} link={link} />
      {/each}
 </div>
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 4fd352f..4c43091 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -3,7 +3,7 @@ const typography = require("@tailwindcss/typography");
 
 /** @type {import('tailwindcss').Config}*/
 const config = {
-  content: ["./src/**/*.{html,js,svelte,ts}"],
+  content: ["./src/**/*.{html,js,svelte,ts,svelte.md}"],
 
   theme: {
     extend: {},