style: 💄 promo

jaskaransarkaria · Mar 7, 2024 · 57f5b0f · 57f5b0f
1 parent 75d1948
commit 57f5b0f
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/lib/components/Modal/Modal.svelte b/src/lib/components/Modal/Modal.svelte
@@ -81,7 +81,7 @@
     border-radius: 0.25em;
     margin: 4%;
     height: 100%;
-    width: 100%;
+    width: 85%;
     top: 50%;
     align-items: center;
     transform: translateY(-50%);

diff --git a/src/lib/components/NewsletterSignup/NewsletterSignup.svelte b/src/lib/components/NewsletterSignup/NewsletterSignup.svelte
@@ -104,6 +104,8 @@
 
   .promo {
     position: relative;
+    font-family: "Welcomehome5 Regular";
+    font-size: 0.6em;
     padding-bottom: 3%;
     border-bottom: 8px solid #ff6600;
   }
@@ -119,6 +121,10 @@
   }
 
   @media (min-width: 700px) {
+    .promo {
+      font-size: 0.8em;
+    }
+
     h1 {
       font-size: 2.8em;
     }
@@ -138,6 +144,10 @@
   }
 
   @media (min-width: 1280px) {
+    .promo {
+      font-size: 1em;
+    }
+
     h1 {
       font-size: 2.8em;
     }

diff --git a/src/lib/components/SwipeImage/SwipeImage.svelte b/src/lib/components/SwipeImage/SwipeImage.svelte
@@ -73,7 +73,7 @@
   }
 
   img {
-    max-width: 95%;
+    max-width: 80%;
     max-height: 95%;
     animation: fadeIn 0.6s;
   }