Overnap

준비 화면의 레이아웃 위치 조정

...@@ -51,7 +51,7 @@ const Ready: React.FC<ReadyProps> = ({ users }) => { ...@@ -51,7 +51,7 @@ const Ready: React.FC<ReadyProps> = ({ users }) => {
51 : isReady ? 'bg-green-600' 51 : isReady ? 'bg-green-600'
52 : 'bg-green-500 active:bg-green-600'} 52 : 'bg-green-500 active:bg-green-600'}
53 text-white font-bold uppercase 53 text-white font-bold uppercase
54 - px-7 py-3 m-8 rounded shadow 54 + px-7 py-3 mb-8 rounded shadow
55 outline-none focus:outline-none hover:shadow-md 55 outline-none focus:outline-none hover:shadow-md
56 ease-linear transition-all duration-100`} 56 ease-linear transition-all duration-100`}
57 type="button" 57 type="button"
......
...@@ -7,7 +7,7 @@ interface UserStatusProps { ...@@ -7,7 +7,7 @@ interface UserStatusProps {
7 7
8 const UserStatus: React.FC<UserStatusProps> = ({ user }) => { 8 const UserStatus: React.FC<UserStatusProps> = ({ user }) => {
9 return ( 9 return (
10 - <div className='p-3 h-12 m-4 rounded-lg shadow'> 10 + <div className='p-3 h-12 m-4 mt-8 rounded-lg shadow'>
11 <div className={`${user.admin ? 'text-blue-500' : 11 <div className={`${user.admin ? 'text-blue-500' :
12 user.ready ? 'text-green-500' : 'text-black'} 12 user.ready ? 'text-green-500' : 'text-black'}
13 text-lg text-center align-middle 13 text-lg text-center align-middle
......