style: add margin to subtitle of create page

moolmin · Oct 10, 2024 · 589b7d3 · 589b7d3
1 parent 02da336
commit 589b7d3
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 6 deletions.
diff --git a/src/app/(pages)/4q-create/_components/third.module.css b/src/app/(pages)/4q-create/_components/third.module.css
@@ -27,9 +27,13 @@
 
 .loadingTextContainer {
   position: fixed;
-  top: 60px;
+  top: 55px;
   font-size: 16px;
   z-index: 6;
+  column-gap: 10px;
+}
+.loadingTextContainer p {
+  margin: 5px;
 }
 
 .lottieLoadingContainer {

diff --git a/src/app/(pages)/4q-gallery/_components/create-container.module.css b/src/app/(pages)/4q-gallery/_components/create-container.module.css
@@ -33,7 +33,7 @@
   position: fixed;
   left: 50%;
   transform: translateX(-50%);
-  bottom: 50px;
+  bottom: 70px;
 }
 
 .prevBtn {

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: 350px;
+  height: 370px;
   display: flex;
   flex-direction: column;
   align-content: center;
@@ -32,6 +32,10 @@
   z-index: 6;
 }
 
+.loadingTextContainer p {
+  margin: 9px;
+}
+
 .lottieLoadingContainer {
   display: flex;
   position: absolute;
@@ -101,20 +105,22 @@
   display: flex;
   flex-direction: row;
   justify-content: space-around;
-  padding: 15px;
+  padding: 20px;
+  z-index: 2;
 }
 
 .submitBtnContainer {
   height: 50px;
   width: 100%;
   position: absolute;
   left: 50%;
-  bottom: 22%;
+  bottom: 24%;
   transform: translateX(-50%);
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-top: 40px;
+  margin-top: 20px;
+  z-index: 10;
 }
 
 .submitBtn {