diff --git a/src/components/common/Header/ChangeHeader/ChangeHeader.module.scss b/src/components/common/Header/ChangeHeader/ChangeHeader.module.scss index dfd42a4..69473ce 100644 --- 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 index 4b566ea..cb26f9f 100644 --- 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 index f6b966b..f20a9cf 100644 --- 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; }