fix: responsive

2026-07-13 12:15:44 +03:30
parent 8d2aa1c214
commit 2a1f1b19d4
4 changed files with 13 additions and 13 deletions
@@ -62,12 +62,15 @@ const logoPinkishRed = gallery.logoPinkishRed
    background: var(--color-primary);
    border-radius: 1rem;
    padding: 0.75rem;
-    height: 100%;
    display: flex;
    align-items: center;
    gap: 1rem;

    @media (min-width: 1024px) {
+      // Fill the full-height column only on desktop; on mobile the panel is a
+      // content-height bar, so height:100% would overflow past the logo above it
+      // and collide with the page heading.
+      height: 100%;
      flex-direction: column;
      align-items: center;
      gap: 1.5rem;