| @@ -9,13 +9,24 @@ import { PrimaryAnimatedButton } from "../../../Styles/globalStyleComponents"; | |||
| export const EditProfileContainer = styled(Box)` | |||
| background-color: #fff; | |||
| position: fixed; | |||
| top: 50px; | |||
| top: 5vh; | |||
| left: calc(50% - 310px); | |||
| z-index: 150; | |||
| padding: 36px 144px; | |||
| width: 623px; | |||
| max-height: 95vh; | |||
| max-height: 90vh; | |||
| overflow-y: auto; | |||
| &::-webkit-scrollbar { | |||
| width: 5px; | |||
| } | |||
| &::-webkit-scrollbar-track { | |||
| background: #ddd; | |||
| } | |||
| &::-webkit-scrollbar-thumb { | |||
| background: #777; | |||
| } | |||
| scrollbar-width: thin; | |||
| scrollbar-color: #ddd; | |||
| @media screen and (max-width: 600px) { | |||
| height: 100vh; | |||