diff --git a/frontend/src/components/ReadyMembersContainer/ReadyMembersContainer.styled.ts b/frontend/src/components/ReadyMembersContainer/ReadyMembersContainer.styled.ts index df561fe16..1cd8d50f4 100644 --- a/frontend/src/components/ReadyMembersContainer/ReadyMembersContainer.styled.ts +++ b/frontend/src/components/ReadyMembersContainer/ReadyMembersContainer.styled.ts @@ -32,10 +32,13 @@ export const membersContainer = css` `; export const totalNumber = css` + display: flex; + justify-content: space-between; + align-items: center; padding-left: 2rem; font-weight: 900; - font-size: 1.6rem; + font-size: 2rem; `; export const memberList = css` @@ -45,15 +48,11 @@ export const memberList = css` `; export const inviteButton = css` - display: flex; - align-items: center; - gap: 2rem; - width: 100%; + width: 12rem; + height: 4rem; border-radius: ${getBorderRadius('medium')}; background-color: ${Theme.color.peanut400}; - - font-size: 1rem; `; export const memberItem = css` diff --git a/frontend/src/components/ReadyMembersContainer/ReadyMembersContainer.tsx b/frontend/src/components/ReadyMembersContainer/ReadyMembersContainer.tsx index fcb2a5a68..9e8fc7926 100644 --- a/frontend/src/components/ReadyMembersContainer/ReadyMembersContainer.tsx +++ b/frontend/src/components/ReadyMembersContainer/ReadyMembersContainer.tsx @@ -15,7 +15,6 @@ import { import InviteModal from '../common/InviteModal/InviteModal'; import crownIcon from '@/assets/images/crownIcon.png'; -import plusIcon from '@/assets/images/plusIcon.png'; import SillyDdangkong from '@/assets/images/sillyDdangkong.png'; import { useGetRoomInfo } from '@/hooks/useGetRoomInfo'; import useModal from '@/hooks/useModal'; @@ -35,17 +34,14 @@ const ReadyMembersContainer = () => { return (
-

총 인원 {members.length}명

+
+
총 인원 {members.length}명
+ +