refactor(bulma): make thumbnail row use same width images and crop when necessary

2025-05-18 13:16:47 +02:00
parent 2e4f63b250
commit f5b89456ab
2 changed files with 55 additions and 29 deletions
--- a/src/fellchensammlung/static/fellchensammlung/css/bulma-styles.css
+++ b/src/fellchensammlung/static/fellchensammlung/css/bulma-styles.css
@@ -63,6 +63,28 @@
 IMAGES
 *****/

-.crop {
+#my-gallery .main-photo img {
+    width: 100%;
+    height: 300px;
    object-fit: cover;
+    border-radius: 6px;
 }
+
+.thumbnail-row {
+    display: flex;
+    gap: 10px;
+    margin-top: 10px;
+}
+
+.thumbnail img {
+    width: 100%;
+    height: 80px;
+    object-fit: cover;
+    border-radius: 4px;
+}
+
+/* Ensure each thumbnail takes equal width */
+.thumbnail {
+    flex: 1;
+}
+