fix: fix hidden button of create submit

moolmin · Oct 11, 2024 · 3f244b1 · 3f244b1
1 parent 589b7d3
commit 3f244b1
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 9 deletions.
diff --git a/src/app/(pages)/4q-gallery/_components/create-container.module.css b/src/app/(pages)/4q-gallery/_components/create-container.module.css
@@ -1,5 +1,5 @@
 .container {
-  height: 85vh;
+  height: 90vh;
   width: 100%;
   margin-top: 5px;
   position: relative;
@@ -33,12 +33,12 @@
   position: fixed;
   left: 50%;
   transform: translateX(-50%);
-  bottom: 70px;
+  bottom: -50%;
 }
 
 .prevBtn {
   position: fixed;
-  bottom: -76px;
+  bottom: -40%;
   left: 50%;
   transform: translateX(-50%);
 }
diff --git a/src/app/(pages)/4q-gallery/_components/detail.module.css b/src/app/(pages)/4q-gallery/_components/detail.module.css
@@ -9,7 +9,7 @@
 .container {
   max-width: 500px;
   width: 100%;
-  height: 650px;
+  height: 800px;
   align-items: center;
   justify-content: center;
   text-align: center;

diff --git a/src/app/(pages)/4q-gallery/_components/second.module.css b/src/app/(pages)/4q-gallery/_components/second.module.css
@@ -1,7 +1,7 @@
 .container {
   text-align: center;
   max-width: 600px;
-  height: 370px;
+  height: 390px;
   display: flex;
   flex-direction: column;
   align-content: center;
@@ -107,19 +107,20 @@
   justify-content: space-around;
   padding: 20px;
   z-index: 2;
+  height: 80px;
 }
 
 .submitBtnContainer {
-  height: 50px;
+  height: 40px;
   width: 100%;
   position: absolute;
   left: 50%;
-  bottom: 24%;
+  bottom: 21%;
   transform: translateX(-50%);
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-top: 20px;
+  /* margin-top: 20px; */
   z-index: 10;
 }
 

diff --git a/src/app/(pages)/4q-gallery/_components/second.tsx b/src/app/(pages)/4q-gallery/_components/second.tsx
@@ -275,6 +275,7 @@ export default function Third() {
                     value={selectedColor}
                     onChange={(color) => handleColorChange(color.toHexString())}
                     size="small"
+                    style={{height: '24px'}}
                   />
                 </Tooltip>
               </div>

diff --git a/src/app/not-found.module.css b/src/app/not-found.module.css
@@ -3,4 +3,5 @@
     flex-direction: column;
     align-items: center;
     padding: 50px;
+    overflow: hidden;
 }
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
@@ -5,7 +5,7 @@ import notFound from '../../public/images/not_found.png'
 export default function NotFound(){
     return (
         <div className={styles.container}>
-            <Image src={notFound} alt='not found img' width={400} height={270}/>
+            <Image src={notFound} alt='not found img' width={380} height={245}/>
             <h2>요청하신 페이지를 찾을 수 없습니다.</h2>
         </div>
     );