diff --git a/src/components/ModalAddTransactions/ModalAddTransaction.styled.jsx b/src/components/ModalAddTransactions/ModalAddTransaction.styled.jsx index c68cc54..889cff3 100644 --- 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 index 23921c8..8a68bcb 100644 --- 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; }