website

commit 2e99abb0628e2708ef7ef63ddcea411ade4c5812
parent ae4ef5d5729cd220da82a931095644e84d17a0cb
Author: Adriel Dumas--Jondeau <leirda@disroot.org>
Date:   Sun, 23 Jun 2024 19:00:47 +0200

Ajoute un encadré autour des photos

Diffstat:
M
css/duper.css
 | 
13
++++++++-----
M
haunt.scm
 | 
4
+++-

2 files changed, 11 insertions(+), 6 deletions(-)
diff --git a/css/duper.css b/css/duper.css
@@ -115,13 +115,11 @@ header li > a {
 }
 
 article, footer {
-    max-width: var(--article-width);
-    width: calc(100vw - var(--page-padding));
     margin: auto;
     flex: 1 1 auto;
 }
 
-img {
+article, footer, img {
     max-width: var(--article-width);
     width: calc(100vw - var(--page-padding));
 }
@@ -167,7 +165,7 @@ figure {
 figcaption {
     font-style: italic;
     background-color: var(--bg-1);
-    padding: 1rem 1rem;
+    padding: var(--page-padding) var(--page-padding);
     border-bottom-left-radius: var(--rounded);
     border-bottom-right-radius: var(--rounded);
 }
@@ -175,9 +173,14 @@ figcaption {
 .media-container {
     display: flex;
     flex-flow: row nowrap;
+    align-items: center;
     padding: 0;
+    background-color: var(--bg-1);
+    border-top-left-radius: var(--rounded);
+    border-top-right-radius: var(--rounded);
     list-style-type: none;
-    overflow-x: auto;
+    overflow-x: scroll;
+    scrollbar-gutter: stable both-edges;
     scroll-snap-type: x mandatory;
 }
 
diff --git a/haunt.scm b/haunt.scm
@@ -96,7 +96,9 @@
 
 (define (duper-gallery-template post medias)
   `((h2 ,(post-title post))
-    (ul (@ (class "media-container")) ,@(map (lambda (media) `(li ,media)) medias))))
+    (ul (@ (class "media-container"))
+	,@(map (lambda (media)
+		 `(li ,media)) medias))))
 
 (define duper-theme
   (theme #:name "duper"