Fix: Chat-310-일기 수정 시 키보드 위치 조정 (#84)

* Fix: ChangeHeader z-index 수정 * Fix: input 패딩 통일 * Fix: z-index 수정
Chat-Diary · Feb 16, 2024 · 077fc61 · 077fc61
1 parent af17955
commit 077fc61
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/src/components/common/Header/ChangeHeader/ChangeHeader.module.scss b/src/components/common/Header/ChangeHeader/ChangeHeader.module.scss
@@ -11,6 +11,7 @@
   align-items: center;
   padding: 15px 0px;
   background-color: $WH;
+  z-index: 2;
 
   .leftChevron {
     position: absolute;

diff --git a/src/components/common/Input/InputForm.module.scss b/src/components/common/Input/InputForm.module.scss
@@ -3,6 +3,7 @@
 
 .textareaContainer {
   position: relative;
+  display: flex;
 
   .counter {
     position: absolute;
@@ -17,15 +18,13 @@
 .default {
   all: initial;
   display: block;
-  width: calc(100% - 22px);
+  width: calc(100% - 32px);
   border-radius: 8px;
-  padding: 12px 11px;
+  padding: 12px 16px;
   color: $BK90;
   background-color: $BK10;
   overflow: hidden;
 
-  //   text-align: justify;
-
   &::placeholder {
     @include body16;
     color: $BK50;
@@ -39,12 +38,10 @@
   &.input140 {
     height: 140px;
     @include body16;
-    padding: 12px 16px;
   }
 
   &.input240 {
     height: 240px;
     @include body14;
-    padding: 12px 16px;
   }
 }
diff --git a/src/pages/Detail/DetailEditing/DetailEditing.module.scss b/src/pages/Detail/DetailEditing/DetailEditing.module.scss
@@ -12,6 +12,7 @@
   color: $BK90;
 
   & .header {
+    width: 100%;
     & :nth-child(2) {
       margin-top: 14px;
     }