Merge pull request #64 from Team-Remini/feat/#59

feat: 가이드라인 화면 잘림 문제 해결, 전체적인 input none 값 추가
Team-Remini · Dec 18, 2023 · 6c259ed · 6c259ed
2 parents 55f7943 + ca9434d
commit 6c259ed
Show file tree

Hide file tree

Showing 13 changed files with 46 additions and 1 deletion.
diff --git a/src/components/GuideLine/FiveFContent.tsx b/src/components/GuideLine/FiveFContent.tsx
@@ -70,6 +70,7 @@ const GuideLineVerticleContent = styled.div`
     font-style: normal;
     font-weight: 400;
     line-height: normal;
+    outline: none;
   }
 
   .text_num {

diff --git a/src/components/GuideLine/FourContent.tsx b/src/components/GuideLine/FourContent.tsx
@@ -15,6 +15,8 @@ const GuideLineFourContent = styled.div`
     flex-direction: row;
     align-items: center;
     gap: 40px;
+    margin-block-end: 30px;
+    margin-block-start: 30px;
   }
 
   .leftContent_container {
@@ -81,6 +83,8 @@ const GuideLineFourContent = styled.div`
     font-style: normal;
     font-weight: 400;
     line-height: normal;
+    outline: none;
+    margin-block-end: 30px;
   }
 
   .text_num {

diff --git a/src/components/GuideLine/PersonalContent.tsx b/src/components/GuideLine/PersonalContent.tsx
@@ -51,6 +51,7 @@ const GuideLinePersonalContent = styled.div`
     font-style: normal;
     font-weight: 400;
     line-height: normal;
+    outline: none;
   }
 
   .text_num {

diff --git a/src/components/GuideLine/ThreeContent.tsx b/src/components/GuideLine/ThreeContent.tsx
@@ -15,6 +15,8 @@ const GuideLineTheeContent = styled.div`
     flex-direction: row;
     align-items: center;
     gap: 50px;
+    margin-block-end: 30px;
+    margin-block-start: 30px;
   }
 
   .leftContent_container {
@@ -82,6 +84,7 @@ const GuideLineTheeContent = styled.div`
     font-style: normal;
     font-weight: 400;
     line-height: normal;
+    outline: none;
   }
 
   .text_num {

diff --git a/src/components/StepByStep/StepByStepWrap.tsx b/src/components/StepByStep/StepByStepWrap.tsx
@@ -68,6 +68,7 @@ const StepByStepWrap = styled.div`
     font-style: normal;
     font-weight: 400;
     line-height: normal;
+    outline: none;
   }
 
   .btn_container {

diff --git a/src/pages/SelectRetro.tsx b/src/pages/SelectRetro.tsx
@@ -254,7 +254,7 @@ const SelectRetroWrap = styled.div`
     background-color: #121212;
     border-radius: 8px;
     border: 2px solid var(--text-high-emphasis, rgba(255, 255, 255, 0.87));
-
+    outline: none;
     color: white;
     font-size: 18px;
   }

diff --git a/src/pages/WritingPage/GuideLine/AAR.tsx b/src/pages/WritingPage/GuideLine/AAR.tsx
@@ -241,6 +241,11 @@ export default function AAR() {
             </button>
           </WritingPageBtn>
         </div>
+        <div className="empty-box">
+          <br />
+          <br />
+          <br />
+        </div>
       </WritingPageWrap>
     </>
   );

diff --git a/src/pages/WritingPage/GuideLine/Continue.tsx b/src/pages/WritingPage/GuideLine/Continue.tsx
@@ -197,6 +197,11 @@ export default function Continue() {
             </button>
           </WritingPageBtn>
         </div>
+        <div className="empty-box">
+          <br />
+          <br />
+          <br />
+        </div>
       </WritingPageWrap>
     </>
   );

diff --git a/src/pages/WritingPage/GuideLine/FourL.tsx b/src/pages/WritingPage/GuideLine/FourL.tsx
@@ -234,6 +234,11 @@ export default function FourL() {
             </button>
           </WritingPageBtn>
         </div>
+        <div className="empty-box">
+          <br />
+          <br />
+          <br />
+        </div>
       </WritingPageWrap>
     </>
   );

diff --git a/src/pages/WritingPage/GuideLine/KPT.tsx b/src/pages/WritingPage/GuideLine/KPT.tsx
@@ -206,6 +206,11 @@ export default function KPT() {
             </button>
           </WritingPageBtn>
         </div>
+        <div className="empty-box">
+          <br />
+          <br />
+          <br />
+        </div>
       </WritingPageWrap>
     </>
   );

diff --git a/src/pages/WritingPage/GuideLine/ORID.tsx b/src/pages/WritingPage/GuideLine/ORID.tsx
@@ -243,6 +243,11 @@ export default function ORID() {
             </button>
           </WritingPageBtn>
         </div>
+        <div className="empty-box">
+          <br />
+          <br />
+          <br />
+        </div>
       </WritingPageWrap>
     </>
   );

diff --git a/src/pages/WritingPage/GuideLine/TIL.tsx b/src/pages/WritingPage/GuideLine/TIL.tsx
@@ -211,6 +211,11 @@ export default function TIL() {
             </button>
           </WritingPageBtn>
         </div>
+        <div className="empty-box">
+          <br />
+          <br />
+          <br />
+        </div>
       </WritingPageWrap>
     </>
   );

diff --git a/src/pages/WritingPage/GuideLine/YWT.tsx b/src/pages/WritingPage/GuideLine/YWT.tsx
@@ -222,6 +222,11 @@ export default function YWT() {
             </button>
           </WritingPageBtn>
         </div>
+        <div className="empty-box">
+          <br />
+          <br />
+          <br />
+        </div>
       </WritingPageWrap>
     </>
   );