css

frontend/src/board/board.tsx

@@ -52,7 +52,7 @@ export default function BoardPage() {
           {/* Link */}
         </div>
         <div className="sm:overflow-y-scroll">
-          <div className="flex flex-row divide-x-2 border-2 border-solid bg-gray-500 border-y-2 h-10 ">
+          <div className="flex flex-row divide-x-2 border-2 border-solid bg-sky-300 border-y-2 h-10 ">
             <div className="basis-full">Title</div>
             <div className="basis-3/12">Date</div>
             <div className="basis-2/12">Clicks</div>

frontend/src/post/intopost.tsx

@@ -24,44 +24,43 @@ export function IntoPost() {
     <div>
       <div>
         <div>
-          <div className="flex flex-row basis-8">
-            <div className="border-2 border-current rounded">
+          <div className="flex flex-row basis-8 gap-x-1">
+            <div className="border-2 border-sky-300 border-current rounded">
               <button id={post._id} onClick={handleDeleteClick}>
                 delete
               </button>
             </div>
-            <div className="border-2 border-current rounded">
+            <div className="border-2 border-sky-300 border-current rounded">
               <Link to="/edit" state={post}>
                 <button>update</button>
               </Link>
             </div>
           </div>
-          <div className="flex flex-row">
-            <div className="flex basis-3/4 border-2 border-black rounded">
+          <div className="flex flex-row gap-x-1">
+            <div className="flex basis-3/4 border-2 border-sky-300 rounded">
               제목: {post.title}
             </div>
-            <div className="flex basis-1/4 border-2 border-black rounded">
-              작성자: nickname
+            <div className="flex basis-1/4 border-2 border-sky-300 rounded">
+              작성자: {post.user}
             </div>
           </div>
-          <div className="flex flex-row">
-            <div className="flex basis-1/4 border-2 border-black rounded">
+          <div className="flex flex-row gap-x-1">
+            <div className="flex basis-1/4 border-2 border-sky-300 rounded">
               도시: {post.city}
             </div>
-            <div className="flex basis-1/4 border-2 border-black rounded">
+            <div className="flex basis-1/4 border-2 border-sky-300 rounded">
               테마: {post.theme}
             </div>
-            <div className="flex basis-1/4 border-2 border-black rounded">
+            <div className="flex basis-1/4 border-2 border-sky-300 rounded">
               작성일: {post.date}
             </div>
-            <div className="flex basis-1/4 border-2 border-black rounded">
+            <div className="flex basis-1/4 border-2 border-sky-300 rounded">
               조회수: {post.counts}
             </div>
           </div>
         </div>
-        <div className="border-2 border-black rounded h-full">{post.text}</div>
+        <div className="border-2 border-sky-300 rounded h-96">{post.text}</div>
       </div>
-      {/* <Outlet /> */}
     </div>
   );
 }