|
|
|
@@ -13,12 +13,12 @@ export const ModalCreateOfferContainer = styled(Box)` |
|
|
|
top: ${(props) => |
|
|
|
props.currentstep === 1 ? "calc(50% - 400px);" : "calc(50% - 350px);"}; |
|
|
|
left: ${(props) => |
|
|
|
props.currentStep !== 3 ? "calc(50% - 310px);" : "calc(50% - 405px);"}; |
|
|
|
props.currentstep !== 3 ? "calc(50% - 310px);" : "calc(50% - 405px);"}; |
|
|
|
z-index: 150; |
|
|
|
padding: ${(props) => (props.currentStep !== 3 ? "0 120px" : "0 36px")}; |
|
|
|
padding: ${(props) => (props.currentstep !== 3 ? "0 120px" : "0 36px")}; |
|
|
|
overflow-y: auto; |
|
|
|
overflow-x: hidden; |
|
|
|
${(props) => props.currentStep === 3 && `height: 712px;`} |
|
|
|
${(props) => props.currentstep === 3 && `height: 712px;`} |
|
|
|
&::-webkit-scrollbar { |
|
|
|
width: 5px; |
|
|
|
} |
|
|
|
@@ -92,13 +92,13 @@ export const BackIcon = styled(Box)` |
|
|
|
export const CreateOfferContainer = styled(Container)` |
|
|
|
margin-top: 0px; |
|
|
|
display: flex; |
|
|
|
width: ${(props) => (props.currentStep === 3 ? "739px" : "380px")}; |
|
|
|
width: ${(props) => (props.currentstep === 3 ? "739px" : "380px")}; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
|
|
|
|
@media (max-width: 810px) { |
|
|
|
${(props) => |
|
|
|
props.currentStep === 3 && |
|
|
|
props.currentstep === 3 && |
|
|
|
` |
|
|
|
width: 600px; |
|
|
|
`} |