From 140c2c26da496085c3eb1065a1edece79152b6b9 Mon Sep 17 00:00:00 2001
From: kimkimjunjun <wnsgnl323@gmail.com>
Date: Mon, 5 Aug 2024 19:01:25 +0900
Subject: [PATCH] =?UTF-8?q?design:=20=ED=8F=B0=ED=8A=B8=20=EB=B0=8F=20?=
 =?UTF-8?q?=EB=A7=88=EC=A7=84=EA=B0=92=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/board/[boardId]/page.tsx |  9 +++++----
 src/app/post/page.tsx            | 12 +++++++-----
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/app/board/[boardId]/page.tsx b/src/app/board/[boardId]/page.tsx
index 073be9ba..ce462a83 100644
--- a/src/app/board/[boardId]/page.tsx
+++ b/src/app/board/[boardId]/page.tsx
@@ -228,18 +228,18 @@ export default function BoardPage({ params }: { params: { boardId: number } }) {
                     <div className="w-full mt-[5rem] relative">
                         <div className="flex justify-center">
                             <div>
-                                <h1 className="text-[6rem] font-extrabold">KOR</h1>
+                                <h1 className="text-[6rem] font-extrabold font-akira">KOR</h1>
                                 <div className="w-[16rem] h-[3.6rem] pl-[2rem] rounded-[0.8rem] flex">
                                     <span className="text-[#9D9D9D] text-[2.4rem] font-semibold">
                                         {postData?.result.ticket.departure}
                                     </span>
                                 </div>
                             </div>
-                            <div className="relative flex items-center bg-white z-10 mx-[5rem]">
+                            <div className="relative flex -mt-[3.5rem] bg-white z-10 ml-[10%] mr-[5%]">
                                 <Image className="" src={air} alt="비행기" />
                             </div>
                             <div className="ml-[5rem]">
-                                <h1 className="text-[6rem] font-extrabold">KOR</h1>
+                                <h1 className="text-[6rem] font-extrabold font-akira">KOR</h1>
                                 <div className="w-[16rem] h-[3.6rem] pl-[2rem] rounded-[0.8rem] flex">
                                     <span className="text-[#9D9D9D] text-[2.4rem] font-semibold">
                                         {postData?.result.ticket.destination}
@@ -249,7 +249,8 @@ export default function BoardPage({ params }: { params: { boardId: number } }) {
                         </div>
                         <div className="w-[95%] border-2 border-dashed border-[#CFCFCF] my-[4rem] mx-auto relative z-0" />
                         <div
-                            className={`flex justify-center text-[1.4rem] font-extrabold text-[#55FBAF]`}
+                            className={`flex justify-center text-[1.4rem] font-extrabold text-[#55FBAF] font-akira`}
+                            style={{ color: colorTicket[postData?.result.ticket.ticketColor] || 'inherit' }}
                         >
                             <span className="w-[16rem]">PASSENGER</span>
                             <span className="w-[25rem]">DATE</span>
diff --git a/src/app/post/page.tsx b/src/app/post/page.tsx
index 8bd091c5..9dc4a485 100644
--- a/src/app/post/page.tsx
+++ b/src/app/post/page.tsx
@@ -345,7 +345,7 @@ function PostWrite() {
                     <div className='w-full mt-[5rem] relative'>
                         <div className='flex justify-center'>
                             <div>
-                                <h1 className='h-[10rem] text-[6rem] font-extrabold'>{selectedCountryCode}</h1>
+                                <h1 className='h-[10rem] text-[6rem] font-extrabold font-akira'>{selectedCountryCode}</h1>
                                 <div className='w-[18rem] h-[3.6rem] px-[2rem] shadowall rounded-[0.8rem] flex'>
                                     <input
                                         className='w-[12rem] text-[1.6rem] outline-none'
@@ -370,10 +370,10 @@ function PostWrite() {
                                     </div>
                                 )}
                             </div>
-                            <div className='relative bg-white z-10 mx-[5rem]'>
+                            <div className='relative bg-white z-10 ml-[7%] mr-[10%]'>
                                 {
                                     isTransport ? (
-                                        <div className='w-[6rem] h-[28rem] absolute z-10 bg-white shadowall rounded-full flex items-center justify-center mt-[2rem] flex-col space-y-9'>
+                                        <div className='w-[6rem] h-[28rem] absolute z-10 bg-white shadowall rounded-[3rem] flex items-center justify-center mt-[2rem] flex-col space-y-9'>
                                             {isImageIdx.slice(0, 5).map((item: any, index) => (
                                                 <Image
                                                     key={index}
@@ -395,7 +395,7 @@ function PostWrite() {
                                 }
                             </div>
                             <div className='ml-[5rem]'>
-                                <h1 className='h-[9rem] text-[6rem] font-extrabold'>{selectedCountryCode2}</h1>
+                                <h1 className='h-[9rem] text-[6rem] font-extrabold font-akira'>{selectedCountryCode2}</h1>
                                 <div className='w-[18rem] h-[3.6rem] px-[2rem] shadowall rounded-[0.8rem] flex mt-4'>
                                     <input
                                         className='w-[12rem] text-[1.6rem] outline-none'
@@ -422,7 +422,9 @@ function PostWrite() {
                             </div>
                         </div>
                         <div className='w-[95%] border-2 border-dashed border-[#CFCFCF] my-[3rem] mx-auto relative z-0' />
-                        <div className={`flex ml-[7rem] text-[1.4rem] font-extrabold text-[${bgColor}]`}>
+                        <div className={`flex ml-[7rem] text-[1.4rem] font-extrabold`}
+                            style={{ color: bgColor || 'inherit' }}
+                        >
                             <span className='w-[16rem]'>PASSENGER</span>
                             <span className='w-[25rem]'>DATE</span>
                             <span className='w-[8rem]'>GROUP</span>