From 45c8771597bfaab19332880ae7128d762a097653 Mon Sep 17 00:00:00 2001
From: GwonYeong <rnjsdud980@naver.com>
Date: Thu, 27 Mar 2025 20:19:00 +0900
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20dropdown=EA=B3=BC=20input=20?=
 =?UTF-8?q?=EB=B0=95=EC=8A=A4=20=EB=B3=B4=EB=8D=94=20=EC=83=89=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/(main)/main/builder/_components/NewGameButton.tsx   | 4 ++--
 .../(main)/main/builder/new-game/_components/Thumbnail.tsx  | 6 +++---
 src/app/(main)/main/builder/new-game/page.tsx               | 2 +-
 src/app/(main)/main/my/profile/_components/Input.tsx        | 4 ++--
 src/common/DropDown.tsx                                     | 2 +-
 src/common/Input.tsx                                        | 2 +-
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/app/(main)/main/builder/_components/NewGameButton.tsx b/src/app/(main)/main/builder/_components/NewGameButton.tsx
index 9b1db71..f5ecde8 100644
--- a/src/app/(main)/main/builder/_components/NewGameButton.tsx
+++ b/src/app/(main)/main/builder/_components/NewGameButton.tsx
@@ -8,7 +8,7 @@ export default function NewGameButton() {
   const router = useRouter();
   return (
     <div
-      className="fixed bottom-[88px] flex w-[136px] h-[52px] items-center justify-center
+      className="fixed bottom-[88px] flex w-[132px] h-[52px] items-center justify-center
     gap-1
     rounded-[58px] bg-green-500 text-black"
       onClick={() => {
@@ -21,7 +21,7 @@ export default function NewGameButton() {
           options={{ size: { width: 24, height: 24 }, color: "black" }}
         />
       </div>
-      <div>새 게임</div>
+      <div className="title2-sb">새 게임</div>
     </div>
   );
 }
diff --git a/src/app/(main)/main/builder/new-game/_components/Thumbnail.tsx b/src/app/(main)/main/builder/new-game/_components/Thumbnail.tsx
index 9095a7c..975b22a 100644
--- a/src/app/(main)/main/builder/new-game/_components/Thumbnail.tsx
+++ b/src/app/(main)/main/builder/new-game/_components/Thumbnail.tsx
@@ -68,7 +68,7 @@ export default function Thumbnail({
       <div className="flex flex-row items-center">
         <div className="headline-sb text-white">썸네일 (5장 중 1장 선택)</div>
       </div>
-      <div className="flex mt-[12px] h-[75px] border border-gray-600 rounded-[8px]">
+      <div className="flex mt-[12px] h-[75px] border border-gray-800 rounded-[8px]">
         <div className="flex flex-1 flex-col justify-center items-center">
           <input
             type="file"
@@ -88,12 +88,12 @@ export default function Thumbnail({
               options={{
                 size: { width: 24, height: 24 },
 
-                color: isMaxThumbnail() ? "gray-600" : "white",
+                color: isMaxThumbnail() ? "gray-600" : "gray-100",
               }}
             />
             <div
               className={`body-md ${
-                isMaxThumbnail() ? "text-gray-600" : "text-white"
+                isMaxThumbnail() ? "text-gray-600" : "text-gray-100"
               } mt-[2px]`}
             >
               사진추가
diff --git a/src/app/(main)/main/builder/new-game/page.tsx b/src/app/(main)/main/builder/new-game/page.tsx
index 614c7aa..735ed34 100644
--- a/src/app/(main)/main/builder/new-game/page.tsx
+++ b/src/app/(main)/main/builder/new-game/page.tsx
@@ -107,7 +107,7 @@ export default function NewGameBuilder() {
           bottomSheetData={{
             textColor: "white",
             bgColor: "gray-800",
-            borderColor: "gray-600",
+            borderColor: "gray-800",
           }}
           currentValue={
             GenresKorean[newGame.genre as keyof typeof GenresKorean]
diff --git a/src/app/(main)/main/my/profile/_components/Input.tsx b/src/app/(main)/main/my/profile/_components/Input.tsx
index c5fe07e..80eaa07 100644
--- a/src/app/(main)/main/my/profile/_components/Input.tsx
+++ b/src/app/(main)/main/my/profile/_components/Input.tsx
@@ -21,8 +21,8 @@ export default function ProfileInput({
       title="닉네임"
       placeholder="닉네임을 입력해주세요."
       value={userData.nickname}
-      regExp={/^[가-힣ㄱ-ㅎㅏ-ㅣa-zA-Z0-9]{2,30}$/}
-      maxLength={30}
+      regExp={/^[가-힣ㄱ-ㅎㅏ-ㅣa-zA-Z0-9]{2,20}$/}
+      maxLength={20}
       onChange={(e: any) => handleInputChange("nickname", e)}
     />
   );
diff --git a/src/common/DropDown.tsx b/src/common/DropDown.tsx
index 5184ab9..a33c805 100644
--- a/src/common/DropDown.tsx
+++ b/src/common/DropDown.tsx
@@ -12,7 +12,7 @@ export default function DropDown({ values, onChange }: DropDownProps) {
   return (
     <div
       className="
-      border-[1px] border-gray-700
+      border-[1px] border-gray-800
       w-[116px] rounded-[6px] bg-gray-800
     flex absolute  justify-center items-center flex-col
     py-1
diff --git a/src/common/Input.tsx b/src/common/Input.tsx
index 46bf2ac..ea745e6 100644
--- a/src/common/Input.tsx
+++ b/src/common/Input.tsx
@@ -67,7 +67,7 @@ export default function Input({
         className={`w-full  mt-[12px] bg-transparent
         border rounded-[6px]
 
-        ${isError ? "border-red-500" : "border-gray-600"}
+        ${isError ? "border-red-500" : "border-gray-800"}
         outline-none text-white
 
         placeholder:text-body-md

From 08e434c1085329d61b1e538774a84d9e936da8ad Mon Sep 17 00:00:00 2001
From: GwonYeong <rnjsdud980@naver.com>
Date: Thu, 27 Mar 2025 20:30:47 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=EC=B9=B4=EB=93=9C=20=EC=9D=B4?=
 =?UTF-8?q?=EB=AF=B8=EC=A7=80=20=ED=81=AC=EA=B8=B0=EC=99=80=20=EC=8A=AC?=
 =?UTF-8?q?=EB=9D=BC=EC=9D=B4=EB=93=9C=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../new-game/_components/Thumbnail.tsx        | 77 ++++++++-----------
 1 file changed, 34 insertions(+), 43 deletions(-)

diff --git a/src/app/(main)/main/builder/new-game/_components/Thumbnail.tsx b/src/app/(main)/main/builder/new-game/_components/Thumbnail.tsx
index 975b22a..2ba86ab 100644
--- a/src/app/(main)/main/builder/new-game/_components/Thumbnail.tsx
+++ b/src/app/(main)/main/builder/new-game/_components/Thumbnail.tsx
@@ -113,57 +113,48 @@ export default function Thumbnail({
           <div className="body-md text-gray-600 mt-[2px]">AI 생성</div>
         </div>
       </div>
-      <Swiper
-        className="mt-[12px] "
-        modules={[Navigation]}
-        navigation
-        loop
-        spaceBetween={10}
-        slidesPerView={1}
-      >
+      <div className="flex flex-row gap-[10px] mt-[12px] overflow-x-auto">
         {currentThumbnails.map((thumbnail, index) => (
-          <SwiperSlide key={index}>
-            <div className="w-full aspect-square  relative">
-              <Image
-                src={URL.createObjectURL(thumbnail)}
-                alt="thumbnail"
-                className=" object-cover rounded-[8px]"
-                fill
+          <div className="min-w-[140px] aspect-square  relative" key={index}>
+            <Image
+              src={URL.createObjectURL(thumbnail)}
+              alt="thumbnail"
+              className=" object-cover rounded-[8px]"
+              fill
+            />
+            <div
+              className="absolute top-3 right-3 w-[24px] h-[24px] bg-gray-800 rounded-full flex items-center justify-center"
+              onClick={() => handleDeleteThumbnail(index)}
+            >
+              <Svg
+                icon="xIcon"
+                options={{
+                  size: { width: 16, height: 16 },
+                  color: "white",
+                }}
               />
-              <div
-                className="absolute top-3 right-3 w-[24px] h-[24px] bg-gray-800 rounded-full flex items-center justify-center"
-                onClick={() => handleDeleteThumbnail(index)}
-              >
+            </div>
+            {isThumbnailIdx === index ? (
+              <div className="absolute bottom-3 left-3 w-[28px] h-[28px]  rounded-full flex items-center justify-center">
                 <Svg
-                  icon="xIcon"
+                  icon="checkThumbnailIcon"
                   options={{
-                    size: { width: 16, height: 16 },
-                    color: "white",
+                    size: { width: 28, height: 28 },
+                    viewBox: "0 0 28 28",
                   }}
                 />
               </div>
-              {isThumbnailIdx === index ? (
-                <div className="absolute bottom-3 left-3 w-[28px] h-[28px]  rounded-full flex items-center justify-center">
-                  <Svg
-                    icon="checkThumbnailIcon"
-                    options={{
-                      size: { width: 28, height: 28 },
-                      viewBox: "0 0 28 28",
-                    }}
-                  />
-                </div>
-              ) : (
-                <div
-                  onClick={() => handleThumbnailClick(index)}
-                  className="absolute bottom-3 left-3 w-[28px] h-[28px] border border-white  rounded-full flex items-center justify-center"
-                >
-                  <div className="w-full h-full bg-black opacity-10 rounded-full"></div>
-                </div>
-              )}
-            </div>
-          </SwiperSlide>
+            ) : (
+              <div
+                onClick={() => handleThumbnailClick(index)}
+                className="absolute bottom-3 left-3 w-[28px] h-[28px] border border-white  rounded-full flex items-center justify-center"
+              >
+                <div className="w-full h-full bg-black opacity-10 rounded-full"></div>
+              </div>
+            )}
+          </div>
         ))}
-      </Swiper>
+      </div>
     </div>
   );
 }