From 72b9d1538185b0e6ba2b72c6ed2d5749fe50903e Mon Sep 17 00:00:00 2001
From: denizk0461 <denizk0461@mailbox.org>
Date: Wed, 11 Mar 2026 18:38:32 +0100
Subject: [PATCH] adjusted gallery to scale down on mobile devices

---
 src/lib/lists/gallery.svelte | 60 +++++++++++++++++-------------------
 1 file changed, 29 insertions(+), 31 deletions(-)

diff --git a/src/lib/lists/gallery.svelte b/src/lib/lists/gallery.svelte
index 85f7bae..bcdc31c 100644
--- a/src/lib/lists/gallery.svelte
+++ b/src/lib/lists/gallery.svelte
@@ -95,8 +95,6 @@
     .gallery-title {
         font-family: var(--font-mono);
         font-weight: 700;
-        font-size: 1.4rem;
-        line-height: 2.0rem;
     }
 
     .gallery-subtitle, .gallery-description {
@@ -115,43 +113,43 @@
         background-color: var(--color-background-highlight);
         backdrop-filter: blur(var(--blur-radius-background));
     }
-    .gallery-container:hover .gallery-img, .gallery-container:hover .gallery-img-placeholder {
-        /* filter: grayscale(0%); */
-        /* margin-left: 8px; */
-        width: 260px;
-    }
-    .gallery-container:hover .gallery-text-container {
-        /* padding-right: 8px; */
-        grid-template-rows: 0fr 1fr 1fr;
-    }
     .gallery-container:hover p {
         color: var(--color-highlight);
     }
-    .gallery-container:hover .gallery-subtitle {
-        opacity: 0;
-        
-    }
-    .gallery-container:hover .gallery-description {
-        opacity: 1;
-    }
 
-    @media screen and (max-width: 700px) {
-        /* .gallery-title {
-            font-size: 1.0rem;
-            line-height: 1.1rem;
+    @media screen and (min-width: 800px) {
+        .gallery-title {
+            font-size: 1.4rem;
+            line-height: 2.0rem;
         }
-        .gallery-subtitle {
-            font-size: 0.9rem;
-            line-height: 1.1rem;
-        } */
-    }
 
-    @media screen and (max-width: 500px) {
+        .gallery-container:hover .gallery-img, .gallery-container:hover .gallery-img-placeholder {
+            width: 260px;
+        }
+
+        .gallery-container:hover .gallery-text-container {
+            grid-template-rows: 0fr 1fr 1fr;
+        }
+
+        .gallery-container:hover .gallery-subtitle {
+            opacity: 0;
+            
+        }
+
+        .gallery-container:hover .gallery-description {
+            opacity: 1;
+        }
+    }
+    @media screen and (max-width: 800px) {
         .gallery-title {
             font-size: 1.0rem;
             line-height: 1.1rem;
         }
 
+        .gallery-description {
+            display: none;
+        }
+
         .gallery-subtitle {
             font-size: 0.8rem;
             line-height: 1rem;
@@ -159,7 +157,7 @@
         }
         
         .gallery-container {
-            height: 64px;
+            height: 72px;
         }
 
         .gallery-text-container {
@@ -167,8 +165,8 @@
         }
         
         .gallery-img, .gallery-img-placeholder {
-            width: 100px;
-            min-width: 100px;
+            width: 110px;
+            min-width: 110px;
         }
     }
 </style>
\ No newline at end of file