correccion exitosa modal y call-action tablet

SamirFront-End · Jan 26, 2024 · 3c8f27a · 3c8f27a
1 parent a297531
commit 3c8f27a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git a/assets/css/call-action/text_call_action.css b/assets/css/call-action/text_call_action.css
@@ -4,6 +4,14 @@
     font-weight: bolder;
 }
 
+
+/* ===>>> SCREEN TABLET/MOBILE <<<=== */
+@media (min-width: 769px) and (max-width: 1115px) {
+    .p-call-action {
+        width: 80%;
+        margin: auto auto 40px auto;
+    }
+}
 /* ===>>> SCREEN TABLET/MOBILE <<<=== */
 @media (max-width: 768px) {
     .p-call-action {

diff --git a/assets/css/modales/subscription/container_modal.css b/assets/css/modales/subscription/container_modal.css
@@ -3,8 +3,8 @@
     position: fixed;
     width: 100%;
     height: 100%;
-    z-index: 1;
-    opacity: 1;
+    z-index: -1;
+    opacity: 0;
     top: 0;
     transition: all .5s ease-in;
 }

diff --git a/assets/css/modales/subscription/form_subscription.css b/assets/css/modales/subscription/form_subscription.css
@@ -1,10 +1,7 @@
 .subscrition-frm {
-    /* background-image: url(../../../images/Cloudy_subscription.svg);
-    background-repeat: no-repeat;
-    background-size: cover; */
     background-color: var(--color5);
     width: 30%;
-    margin: 100px auto;
+    margin: 80px auto;
     display: flex;
     flex-direction: column;
     justify-content: stretch;
@@ -62,7 +59,6 @@
     margin: auto;
     font-family: var(--font2);
     font-weight: bolder;
-    /* background-color: green; */
 }
 .npt-subscription {
     width: 90%;
@@ -78,17 +74,19 @@
 .modal-btn-subscription {
     width: 40%;
     height: 40px;
-    background-color: var(--color5);
-    margin: 20px auto 20px auto;
+    background-color: var(--color2);
+    margin: 20px auto 40px auto;
     border: none;
     border-radius: 5px;
     font-family: var(--font2);
     font-weight: bolder;
     font-size: larger;
+    color: var(--color5);
 }
 .modal-btn-subscription:hover {
     cursor: pointer;
     background-color: var(--color3);
+    color: var(--color4);
 }
 
 /* ===>>> SCREEN TABLET <<<=== */