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;
  }