fix: images with big height breaking layout

2026-01-11 13:56:16 +00:00 · 2025-10-29 19:51:09 +02:00
parent c24ad34bc7
commit ad588b5600
1 changed files with 3 additions and 0 deletions
--- a/src/renderer/src/pages/game-details/hero.scss
+++ b/src/renderer/src/pages/game-details/hero.scss
@@ -146,6 +146,8 @@ $hero-height: 350px;
  &__game-logo {
    width: 200px;
    align-self: flex-end;
+    object-fit: contain;
+    object-position: left bottom;

    @media (min-width: 768px) {
      width: 250px;
@@ -153,6 +155,7 @@ $hero-height: 350px;

    @media (min-width: 1024px) {
      width: 300px;
+      max-height: 150px;
    }
  }