feat: add SignupPromo component

2024-12-03 14:56:20 +01:00
parent 963df41ed5
commit 083ba28f9e
15 changed files with 170 additions and 65 deletions
@@ -0,0 +1,43 @@
+.memberDiscountBannerMobile {
+  width: 100%;
+  background: var(--Primary-Light-Surface-Normal);
+  padding: var(--Spacing-x-one-and-half);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.memberDiscountBannerDesktop {
+  display: none;
+  background: var(--Primary-Light-Surface-Normal);
+  border-radius: var(--Corner-radius-xLarge) var(--Corner-radius-xLarge) 0px
+    var(--Corner-radius-xLarge);
+  align-items: center;
+  padding: var(--Spacing-x-one-and-half) var(--Spacing-x2);
+  gap: var(--Spacing-x2);
+  position: relative;
+}
+
+.badge {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: -12px;
+  left: -12px;
+  height: 30px;
+  width: 30px;
+  background-color: var(--Main-Grey-White);
+  border-radius: 50%;
+  font-size: 24px;
+  overflow: hidden;
+}
+
+@media (min-width: 768px) {
+  .memberDiscountBannerMobile {
+    display: none;
+  }
+
+  .memberDiscountBannerDesktop {
+    display: flex;
+  }
+}