diff --git a/frontend/src/board/board.tsx b/frontend/src/board/board.tsx
index 4fb356cf8bd77323c64438a135bc26435122099a..aa4fd05b552d2d428ab02de372eb974d2d44b6d7 100644
--- a/frontend/src/board/board.tsx
+++ b/frontend/src/board/board.tsx
@@ -63,15 +63,17 @@ export default function BoardPage() {
};
return (
- <div className="flex flex-col ">
- <div className="flex flex-col mt-6">
- <div className="text-2xl whitespace-nowrap">�먯쑀 寃뚯떆��</div>
- <div className="text-sm mt-5 whitespace-nowrap">
- �ы뻾吏� �꾧린瑜� �④꺼二쇱꽭��!
+ <div className="flex flex-col shadow-lg bg-white rounded px-8 py-4">
+ <div className="flex flex-col my-6 ">
+ <div className="text-4xl font-semibold whitespace-nowrap">
+ �먯쑀 寃뚯떆��
</div>
+ {/* <div className="text-sm mt-5 whitespace-nowrap">
+ �ы뻾吏� �꾧린瑜� �④꺼二쇱꽭��!
+ </div> */}
</div>
- <div className="flex flex-col w-full mt-16">
+ <div className="flex flex-col w-full">
<div className="flex justify-end">
<div className="border-2 border-blue-500 rounded mb-2 whitespace-nowrap">
<button onClick={GoLogin}>
diff --git a/frontend/src/post/editpost.tsx b/frontend/src/post/editpost.tsx
index f24aa01eac5c5a9ec96d395cc75682886726c00d..40f0644db30964de148226328eecf809833f6f0e 100644
--- a/frontend/src/post/editpost.tsx
+++ b/frontend/src/post/editpost.tsx
@@ -199,10 +199,13 @@ export function EditPost() {
};
return (
- <div>
+ <div className="shadow-lg bg-white rounded px-8 py-4">
+ <div className="text-2xl font-semibold md:text-4xl">
+ �뱀떊�� �ы뻾�� �뚮젮二쇱꽭��!
+ </div>
<form onSubmit={reWriteSubmit} className="flex flex-col w-full">
<div className="flex flex-row h-10 gap-x-1 justify-end">
- <div className="place-self-center w-16 h-6 border-2 border-sky-400 transition delay-150 bg-white-400 hover:-translate-y-1 hover:scale-110 hover:bg-gray-300 duration-300">
+ <div className="place-self-center w-16 h-6 border-2 border-sky-400 transition delay-150 bg-white-400 hover:-translate-y-1 hover:bg-gray-300 duration-300">
<input
id="files"
type="file"
@@ -257,7 +260,7 @@ export function EditPost() {
<button
type="submit"
- className="h-6 w-10 place-self-center place-self-center border-2 border-sky-400 text-xs text-center transition delay-150 bg-white-400 hover:-translate-y-1 hover:scale-110 hover:bg-sky-300 duration-300"
+ className="h-6 w-10 place-self-center place-self-center border-2 border-sky-400 text-xs text-center transition delay-150 bg-white-400 hover:-translate-y-1 hover:bg-sky-300 duration-300"
>
�섏젙
</button>
diff --git a/frontend/src/post/intopost.tsx b/frontend/src/post/intopost.tsx
index 2a7c853e86e3e1c601d747688e5d76f5ae8b10bb..7c0a1e92b5985904238b3fbbdcce298234f0578a 100644
--- a/frontend/src/post/intopost.tsx
+++ b/frontend/src/post/intopost.tsx
@@ -42,42 +42,49 @@ export function IntoPost() {
};
return (
- <div className="flex flex-col">
+ <div className="flex flex-col shadow-lg bg-white rounded px-8 py-4">
+ <div className="text-3xl font-semibold md:text-4xl">
+ [{post.city}] / [{post.theme}] Travel Report
+ </div>
<div className="flex h-8 gap-x-1 place-content-end place-items-center">
<button
id={posts?._id}
onClick={handleDeleteClick}
- className=" whitespace-nowrap flex border-2 border-sky-100 place-self-center h-6 w-8 text-xs text-center transition delay-150 bg-white-400 hover:-translate-y-1 hover:scale-110 hover:bg-red-300 duration-300"
+ className=" whitespace-nowrap flex border-2 border-sky-100 place-self-center h-6 w-8 text-xs text-center transition delay-150 bg-white-400 hover:-translate-y-1 hover:bg-red-300 duration-300"
>
��젣
</button>
<Link to="/edit" state={posts}>
- <button className="whitespace-nowrap flex border-2 border-sky-100 place-self-center h-6 w-8 text-xs transition delay-150 bg-white-400 hover:-translate-y-1 hover:scale-110 hover:bg-sky-300 duration-300">
+ <button className="whitespace-nowrap flex border-2 border-sky-100 place-self-center h-6 w-8 text-xs transition delay-150 bg-white-400 hover:-translate-y-1 hover:bg-sky-300 duration-300">
�섏젙
</button>
</Link>
</div>
- <div className="flex h-10 border-t-2 border-sky-500 items-center font-semibold">
+ <div className="flex h-10 border-t-2 border-sky-500 items-center text-2xl font-medium md:text-2xl">
{posts?.title}
</div>
-
- <div className="flex h-10 items-center border-t-2 border-sky-200 md:flex-row justify-between bg-slate-50 text-sm">
- <div className="flex whitespace-nowrap pr-5 ">
+ <div className="flex h-10 items-center border-t-2 border-sky-200 md:flex-row justify-between bg-slate-50 text-sm divide-x divide-slate-300">
+ <div className="flex whitespace-nowrap px-0.5">
�묒꽦��: {posts?.user.name}
</div>
<div className="flex divide-x divide-slate-300 ">
- <div className="flex basis-1/2 whitespace-nowrap px-2">
+ <div className="flex basis-1/2 whitespace-nowrap px-0.5 md:px-2">
�묒꽦�� : {posts?.date.slice(0, 10)}
</div>
- <div className="flex whitespace-nowrap px-2"> {posts?.city}</div>
- <div className="flex whitespace-nowrap px-2"> {posts?.theme}</div>
- <div className="flex whitespace-nowrap px-2">
+ <div className="flex hidden md:whitespace-nowrap md:px-2 ">
+ {" "}
+ {posts?.city}
+ </div>
+ <div className="flex hidden md:whitespace-nowrap md:px-2">
+ {" "}
+ {posts?.theme}
+ </div>
+ <div className="flex whitespace-nowrap px-0.5 md:px-2">
議고쉶�� : {posts?.counts}
</div>
</div>
</div>
-
<div className="flex border-t-2 border-sky-200 h-44 p-2 overflow-auto mb-5 ">
{posts?.file?.map((file, i) => (
<img
diff --git a/frontend/src/post/posting.tsx b/frontend/src/post/posting.tsx
index 2ad583d26eddd3b109f2af5acd2355b8760d73c0..3998d4ae930bc20dbaf18949480416019c95a0bf 100644
--- a/frontend/src/post/posting.tsx
+++ b/frontend/src/post/posting.tsx
@@ -184,10 +184,13 @@ export default function Posting() {
};
return (
- <div>
+ <div className="shadow-lg bg-white rounded px-8 py-4">
+ <div className="text-2xl font-semibold md:text-4xl">
+ �뱀떊�� �ы뻾�� �뚮젮二쇱꽭��!
+ </div>
<form onSubmit={handlePostSubmit} className="flex flex-col w-full">
<div className="flex flex-row gap-x-1 justify-end h-10 ">
- <div className="place-self-center w-16 h-6 border-2 border-sky-400 transition delay-150 bg-white-400 hover:-translate-y-1 hover:scale-110 hover:bg-gray-300 duration-300">
+ <div className="place-self-center w-16 h-6 border-2 border-sky-400 transition delay-150 bg-white-400 hover:-translate-y-1 hover:bg-gray-300 duration-300">
<input
id="files"
type="file"
@@ -242,7 +245,7 @@ export default function Posting() {
<button
type="submit"
- className="h-6 place-self-center place-self-center border-2 border-sky-400 text-xs text-center transition ease-in-out delay-150 bg-white-400 hover:-translate-y-1 hover:scale-110 hover:bg-sky-300 duration-300"
+ className="h-6 place-self-center place-self-center border-2 border-sky-400 text-xs text-center transition delay-150 bg-white-400 hover:-translate-y-1 hover:bg-sky-300 duration-300"
>
湲��곌린
</button>