강동현 / nodejs-game

Go to a project
Toggle navigation Toggle navigation pinning
Overnap
017cb049 1 parent f0257b3d
Builds for 1 pipeline passed in 7 minutes 55 seconds

UserStatus의 크기가 닉네임 길이에 따라 가변적으로 변하도록 수정

Inline Side-by-side
Showing 1 changed file with 2 additions and 2 deletions
...@@ -7,10 +7,10 @@ interface UserStatusProps { ...@@ -7,10 +7,10 @@ interface UserStatusProps {
7 7
8 export const UserStatus: React.FC<UserStatusProps> = ({ user }) => { 8 export const UserStatus: React.FC<UserStatusProps> = ({ user }) => {
9 return ( 9 return (
10 - <div className='w-20 h-12 m-4 rounded-lg shadow'> 10 + <div className='p-3 h-12 m-4 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 my-2.5 13 + text-lg text-center align-middle
14 ease-linear transition-all duration-100`}> 14 ease-linear transition-all duration-100`}>
15 {user.username}</div> 15 {user.username}</div>
16 </div> 16 </div>
......