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

design: 캘린더수정
official-Trippy · Oct 13, 2024 · 85e4bc0 · 85e4bc0
2 parents 33b7d8b + 55f504a
commit 85e4bc0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/app/post/page.tsx b/src/app/post/page.tsx
@@ -495,7 +495,7 @@ function PostWrite() {
                                 </div>
                                 <div className='ml-[5rem]'>
                                     <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-[11rem] xl:w-[18rem] lg:w-[11rem] h-[3.6rem] px-[2rem] shadowall rounded-[0.8rem] flex mt-4'>
+                                    <div className='w-[11rem] 2xl:w-[18rem] xl:w-[11rem] h-[3.6rem] px-[2rem] shadowall rounded-[0.8rem] flex mt-4'>
                                         <input
                                             className='w-[5rem] xl:w-[12rem] sm:w-[5rem] text-[1.6rem] outline-none'
                                             type='text'
@@ -518,12 +518,12 @@ function PostWrite() {
                             <div className={`flex ml-[2rem] 2xl:ml-[7rem] lg:ml-[2rem] text-[1.4rem] font-extrabold font-akira`}
                                 style={{ color: bgColor || 'inherit' }}
                             >
-                                <span className='w-full max-w-[17.2rem] min-w-[10rem]'>PASSENGER</span>
-                                <span className='w-full max-w-[25rem] min-w-[10rem] ml-[2.5rem]'>DATE</span>
+                                <span className='w-full max-w-[14.2rem] min-w-[10rem]'>PASSENGER</span>
+                                <span className='w-full max-w-[25rem] min-w-[10rem]'>DATE</span>
                                 <span className='w-full max-w-[8rem] min-w-[2rem]'>GROUP</span>
                             </div>
                             <div className={`flex ml-[2rem] 2xl:ml-[7rem] lg:ml-[2rem] text-[1.4rem] font-extrabold text-[#6B6B6B] relative`}>
-                                <span className='w-full max-w-[17.2rem] min-w-[6rem] flex mt-[0.3rem]'>{memberData?.result.nickName}</span>
+                                <span className='w-full max-w-[14.2rem] min-w-[6rem] flex mt-[0.3rem]'>{memberData?.result.nickName}</span>
                                 <DateInput2 onDateChange={handleDateChange} startDate={String(startDate)} endDate={String(endDate)} setEndDate={setEndDate} setStartDate={setStartDate} />
                                 <div className='w-full max-w-[8rem] min-w-[2rem] flex text-[1.6rem]'>
                                     <button className='text-[#FB3463] flex text-[2rem]' onClick={handleDecrease}>-</button>

diff --git a/src/components/board/DateInput2.tsx b/src/components/board/DateInput2.tsx
@@ -84,7 +84,7 @@ const DateInput2: React.FC<DateInputProps> = ({
       <Image
         src={CalendarIcon}
         alt="Calendar Icon"
-        className="absolute right-1 cursor-pointer w-[2rem] lg:w-[4rem] sm-700:w-[2rem]"
+        className="absolute right-1 cursor-pointer w-[1.5rem] lg:w-[4rem] sm-700:w-[1.5rem]"
         onClick={handleCalendarClick} // 달력 아이콘 클릭 시 모달 열기
       />