From 203f4390bf0f3a3b876c8e0b9bcad6cc5f2e60d1 Mon Sep 17 00:00:00 2001
From: Esenjin <esenjin@sangigi-fuchsia.fr>
Date: Mon, 6 Jan 2025 19:36:58 +0100
Subject: [PATCH] =?UTF-8?q?correction=20de=20l'affichage=20des=20galeries?=
 =?UTF-8?q?=20sur=20mobile=20(sans=20p=C3=A9ter=20l'affichage=20pc)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles.css  | 41 ++++++++++++++++++++++++++++++++++++++---
 version.txt |  2 +-
 2 files changed, 39 insertions(+), 4 deletions(-)

diff --git a/styles.css b/styles.css
index 23f57ee..86bb96b 100644
--- a/styles.css
+++ b/styles.css
@@ -734,13 +734,48 @@ body {
     }
     
     .gallery-item {
-        width: calc((100% - (2 * 20px)) / 3);
+        min-height: unset;
+        width: 100%;
+        border-radius: 0.5rem;
+        overflow: hidden;
+    }
+
+    .gallery-item img {
+        width: 100%;
+        height: auto;
+        object-fit: contain;
     }
 
     .gallery-grid {
-        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-        gap: 0.5rem;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 1.5rem;
         padding: 1rem;
+        max-width: 500px;
+        margin: 0 auto;
+        width: 100%;
+    }
+
+    .gallery-item-wide,
+    .gallery-item-tall {
+        grid-column: 1;
+        grid-row: auto;
+    }
+
+    .gallery-item-top {
+        border: none;
+        position: relative;
+    }
+
+    .gallery-item-top::before {
+        content: '';
+        position: absolute;
+        inset: 0;
+        border: 4px solid #2196f3;
+        border-radius: 0.5rem;
+        pointer-events: none;
+        z-index: 1;
     }
     
     .gallery-header {
diff --git a/version.txt b/version.txt
index e6d5cb8..a6a3a43 100644
--- a/version.txt
+++ b/version.txt
@@ -1 +1 @@
-1.0.2
\ No newline at end of file
+1.0.4
\ No newline at end of file