css 폴리싱

@@ -49,7 +49,7 @@ export const Chat: React.FC<ChatProps> = (props) => {
 
   return (
     <div className={props.w}>
-      <div className={`${props.h} w-full rounded shadow flex flex-col overflow-y-scroll`}>
+      <div className={`${props.h} w-full py-2 rounded shadow flex flex-col overflow-y-scroll`}>
         {chatLines.map((line, i) => (<ChatLine key={16383+i} chatData={line}/>))}
         <div ref={messageEndRef} />
       </div>

@@ -9,7 +9,7 @@ interface RoundInfoProps {
 
 export const RoundInfo: React.FC<RoundInfoProps> = ({ round, wordChosen }) => {
   return (
-    <div className='w-full p-3 flex items-center place-content-between'>
+    <div className='p-3 m-3 h-14 rounded shadow flex items-center place-content-between'>
       <div>대충 타이머 위치</div>
       <div>{wordChosen}</div>
       <div>R{round}</div>

@@ -26,7 +26,7 @@ export const UserRole: React.FC<UserRoleProps> = ({ isInGame }) => {
   }, []);
 
   return (
-    <div className={`w-40 h-144 rounded shadow flex flex-col items-center ${isInGame ? '' : 'hidden'}`}>
+    <div className={`w-40 h-140 rounded shadow flex flex-col items-center ${isInGame ? '' : 'hidden'}`}>
       <div className='mt-3' />
       {roles.map(x => (
         <div key={x.username} className={`my-5 ease-linear transition-all duration-100 

@@ -111,7 +111,7 @@ export const Room: React.FC = () => {
         <GameBoard isInGame={isInGame} />
         {
           isInGame ? (
-              <Chat w='w-4/12' h='h-80' />  
+              <Chat w='w-4/12' h='h-132' />  
           ) : (
             <div className='w-full flex flex-col justify-center items-center'>
               <UserInfo users={roomData.users}/>

@@ -5,6 +5,13 @@ module.exports = {
     extend: {
       spacing: {
         120: '30rem',
+        124: '31rem',
+        128: '32rem',
+        132: '33rem',
+        136: '34rem',
+        140: '35rem',
+        160: '40rem',
+        200: '50rem',
       },
     },
   },