fix 720p screens layout issue

~ add media queries + handle responsiveness on folder header
2026-06-04 20:43:04 +00:00 · 2022-08-11 02:53:24 +03:00
parent 24ef21e6ba
commit 992d3a7003
15 changed files with 79 additions and 46 deletions
@@ -79,12 +79,17 @@ onBeforeRouteUpdate((to, from) => {
    height: $banner-height;
    pointer-events: none;
    user-select: none;
+    width: 100%;

    .text {
      bottom: 1rem;
      left: 1rem;
      background-color: $black;

+      @include for-desktop-down {
+        max-width: 31rem;
+      }
+
      h3 {
        margin: $small;
        display: flex;