style: adapt plh-completion-modal styling for use in fullscreen pop-up

IDEMSInternational · Dec 6, 2024 · 1747e2a · 1747e2a
1 parent 2d832fa
commit 1747e2a
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/theme/themes/plh_kids_kw/_overrides.scss b/src/theme/themes/plh_kids_kw/_overrides.scss
@@ -693,12 +693,14 @@ body[data-theme="plh_kids_kw"] {
   // Completion Modal
   plh-completion-modal {
     .completion-modal {
+      margin: 20px -20px;
       background: linear-gradient(
         310deg,
         var(--color-secondary-blue-50),
         var(--color-secondary-blue-80)
       );
-      min-height: 68vh;
+      min-height: 80vh;
+      max-width: 480px;
       border-radius: 40px;
     }
     .wrapper {