misc mobile adjustments

2024-08-04 18:03:46 +02:00
parent 714cb457d3
commit 5c6f4b778b
10 changed files with 105 additions and 8 deletions
--- a/web/src/components/news/newsItem.module.scss
+++ b/web/src/components/news/newsItem.module.scss
@ -41,14 +41,15 @@
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 1rem;
+    --item-height: 19rem;
  }
  .image {
-    width: 10rem;
-    height: 10rem;
+    width: var(--item-height);
+    height: var(--item-height);
  }
  .text {
    padding-top: 0;
-    max-height: 10rem;
+    max-height: var(--item-height);
    overflow: hidden;
    position: relative;
    &:after {
@ -62,4 +63,10 @@
      pointer-events: none;
    }
  }
+}
+
+@media (max-width: 500px) {
+  .newsItem {
+    --item-height: 8rem;
+  }
 }