Merge pull request #104 from Goldenrash-lab/fix-modal

fix modal width
Goldenrash-lab · Jan 15, 2024 · c127848 · c127848
2 parents b8ef319 + 90e8c70
commit c127848
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/ModalAddTransactions/ModalAddTransaction.styled.jsx b/src/components/ModalAddTransactions/ModalAddTransaction.styled.jsx
@@ -38,7 +38,7 @@ export const Modal = styled.div`
     height: 100%;
     background-image: none;
     background-image: url(${backgroundMob});
-    background-size: contain;
+    background-size: cover;
     /* background: var(--Form-color, rgba(255, 255, 255, 0.1)); */
 
     form {

diff --git a/src/components/ModalEditTransaction/ModalEditTransaction.styled.jsx b/src/components/ModalEditTransaction/ModalEditTransaction.styled.jsx
@@ -25,7 +25,7 @@ export const FormContainer = styled.div`
   box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.25);
   border-radius: 8px;
   @media only screen and (max-width: 480px) {
-    height: 691px;
+    height: 100vh;
     background-image: url(${backMobile});
     background-size: cover;
   }