diff --git a/src/pages/Admin/components/registerMember/registerMember.module.css b/src/pages/Admin/components/registerMember/registerMember.module.css index d35ed3b..b15de9f 100644 --- a/src/pages/Admin/components/registerMember/registerMember.module.css +++ b/src/pages/Admin/components/registerMember/registerMember.module.css @@ -1,13 +1,13 @@ .leftBlock { - width: 40%; + width: 100%; + max-width: 720px; display: flex; flex-direction: column; align-items: center; - height: 100%; min-height: calc(100vh - 260px); box-sizing: border-box; padding: 20px; - margin: 0; + margin: 0 auto; } .registerMemberHeader { @@ -15,17 +15,38 @@ align-items: center; justify-content: center; width: 100%; - margin-bottom: 10px; + margin-bottom: 20px; } .registerForm { + width: 100%; display: flex; flex-direction: column; - gap: 10px; - align-items: center; - justify-content: center; + gap: 16px; + align-items: stretch; +} + +.registerForm input { + width: 100%; + box-sizing: border-box; +} + +.registerForm button { + width: 100%; } .modalContent { text-align: center; -} \ No newline at end of file +} + +@media (min-width: 768px) { + .leftBlock { + width: 70%; + } +} + +@media (min-width: 1024px) { + .leftBlock { + width: 40%; + } +}