Announcement banner (stationmoney#546)

* fixed theme issues on page banner * mobile banner fixes
Niels277 · Nov 27, 2023 · 63e5596 · 63e5596
1 parent 28e0b65
commit 63e5596
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 0 deletions.
diff --git a/src/app/components/ActionsBackground.module.scss b/src/app/components/ActionsBackground.module.scss
@@ -6,4 +6,8 @@
   height: 125%;
   right: 0px;
   filter: blur(45px);
+
+  @media (max-width: 992px) {
+    display: none;
+  }
 }
diff --git a/src/app/sections/PageBanner.module.scss b/src/app/sections/PageBanner.module.scss
@@ -11,6 +11,10 @@
 
   color: var(--menu-text);
 
+  &.light {
+    color: var(--button-primary-text);
+  }
+
   &.blossom {
     color: #ffffff;
   }
@@ -65,4 +69,54 @@
       gap: 18px;
     }
   }
+
+  @media (max-width: 500px) {
+    gap: 12px;
+    padding: 12px 10px;
+
+    svg {
+      width: 20px;
+      height: 20px;
+    }
+
+    .content {
+      gap: 14px;
+    }
+
+    h4 {
+      font-size: 12px;
+    }
+
+    .button {
+      font-size: 10px;
+      padding: 0 8px;
+      height: 22px;
+      min-width: 76px;
+    }
+  }
+
+  @media (max-width: 425px) {
+    gap: 8px;
+    padding: 12px 6px;
+
+    svg {
+      width: 20px;
+      height: 20px;
+    }
+
+    .content {
+      gap: 10px;
+    }
+
+    h4 {
+      font-size: 11px;
+    }
+
+    .button {
+      font-size: 10px;
+      padding: 0 8px;
+      height: 22px;
+      min-width: 76px;
+    }
+  }
 }