Hide and show article icons on small screens

kizzandev · Feb 11, 2024 · 8610b8a · 8610b8a
1 parent 6d89e01
commit 8610b8a
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -149,7 +149,8 @@ import { ViewTransitions } from 'astro:transitions';
             if (!firstEl) continue;
 
             firstEl.classList.add(
-              'w-[48px]',
+              'hidden',
+              'sm:block',
               'sm:min-w-[84px]',
               'sm:min-h-[84px]',
               'rounded-md',
@@ -171,7 +172,7 @@ import { ViewTransitions } from 'astro:transitions';
             `<img src="${s.getAttribute(
               'data-article-icon',
             )}" alt="${s.getAttribute('data-article-icon-alt')}"
-              class="w-[48px] sm:min-w-[84px] sm:min-h-[84px] rounded-md"
+              class="hidden sm:block sm:min-w-[84px] sm:min-h-[84px] rounded-md"
               />` + s.innerHTML;
         }
       });