Merge pull request #170 from official-Trippy/feature/#127

design: 모바일 글쓰기 수정
official-Trippy · Sep 28, 2024 · d6b206a · d6b206a
2 parents 9657680 + 8d38a16
commit d6b206a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/app/board/[boardId]/page.tsx b/src/app/board/[boardId]/page.tsx
@@ -430,14 +430,14 @@ export default function BoardPage({ params }: { params: { boardId: number } }) {
                 style={{ color: colorTicket[postData?.result.ticket.ticketColor] || 'inherit' }}
               >
                 <span className="w-[5rem] xl:w-[16rem] lg:w-[10rem] sm:w-[5rem]">PASSENGER</span>
-                <span className="w-[10rem] xl:w-[25rem] lg:w-[18rem] sm:w-[10rem]">DATE</span>
+                <span className="w-[10rem] xl:w-[25rem] lg:w-[18rem] sm:w-[10rem] ml-[1rem]">DATE</span>
                 <span className="w-[2rem] xl:w-[8rem] lg:w-[4rem] sm:w-[2rem]">GROUP</span>
               </div>
               <div
                 className={`flex justify-center text-[0.5rem] xl:text-[1.4rem] lg:text-[1rem] sm:text-[0.5rem] font-extrabold text-[#6B6B6B]`}
               >
                 <span className="w-[5rem] xl:w-[16rem] lg:w-[10rem] sm:w-[5rem]">USERID</span>
-                <span className="w-[10rem] xl:w-[25rem] lg:w-[18rem] sm:w-[10rem]">
+                <span className="w-[10rem] xl:w-[25rem] lg:w-[18rem] sm:w-[10rem] ml-[1rem]">
                   {postData?.result.ticket.startDate} ~{" "}
                   {postData?.result.ticket.endDate}
                 </span>

diff --git a/src/app/post/page.tsx b/src/app/post/page.tsx
@@ -270,7 +270,7 @@ function PostWrite() {
     return (
         <div>
             <Header />
-            <div className='w-[66%] mx-auto'>
+            <div className='w-[90%] sm-700:w-[66%] mx-auto'>
                 <div className='flex items-center mt-[5rem]'>
                     <button
                         onClick={() => handleButtonClick('#55FBAF', 0)}
@@ -303,10 +303,10 @@ function PostWrite() {
                     <div className='w-full mt-[5rem] relative'>
                         <div className='flex justify-center'>
                             <div>
-                                <h1 className='h-[10rem] text-[6rem] font-extrabold font-akira'>{result?.result.isoAlp3}</h1>
-                                <div className='w-[18rem] h-[3.6rem] px-[2rem] shadowall rounded-[0.8rem] flex'>
+                                <h1 className='h-[10rem] text-[2rem] xl:text-[6rem] lg:text-[3rem] sm:text-[2rem] text-[#292929]  font-extrabold font-akira'>{result?.result.isoAlp3}</h1>
+                                <div className='w-[11rem] xl:w-[18rem] sm:w-[11rem] h-[3.6rem] px-[2rem] shadowall rounded-[0.8rem] flex'>
                                     <input
-                                        className='w-[12rem] text-[1.6rem] outline-none'
+                                        className='w-[5rem] xl:w-[12rem] sm:w-[5rem] text-[1.6rem] outline-none'
                                         type='text'
                                         placeholder='출발지'
                                         value={inputValue1} // 첫 번째 입력 값 상태
@@ -343,7 +343,7 @@ function PostWrite() {
                                 }
                             </div>
                             <div className='ml-[5rem]'>
-                                <h1 className='h-[9rem] text-[6rem] font-extrabold font-akira'>{result1?.result.isoAlp3}</h1>
+                                <h1 className='h-[9rem] text-[2rem] xl:text-[6rem] lg:text-[3rem] sm:text-[2rem] text-[#292929]  font-extrabold font-akira'>{result1?.result.isoAlp3}</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'