From d2daefc1121f5da5e7cdaccfff0ac3aa402a007e Mon Sep 17 00:00:00 2001
From: cje <chej098t@gmail.com>
Date: Mon, 25 Mar 2024 11:08:45 +0900
Subject: [PATCH] =?UTF-8?q?[Feature/BAR-281]=20=EC=9E=85=EB=A0=A5=EC=B0=BD?=
 =?UTF-8?q?,=20=ED=83=AD=20=EB=B0=B0=EA=B2=BD=EC=83=89=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD=20(#100)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* style(끄적이는): 입력창 배경색 변경

* style: 탭 배경색 변경
---
 src/components/Layout/style.css.ts                    |  5 ++++-
 .../components/WriteTabContent/style.css.ts"          | 11 ++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/Layout/style.css.ts b/src/components/Layout/style.css.ts
index 32df3d7..7f98cba 100644
--- a/src/components/Layout/style.css.ts
+++ b/src/components/Layout/style.css.ts
@@ -202,8 +202,11 @@ export const mainWrapper = style({
 
 export const tab = style({
   position: 'fixed',
-  top: '84px',
+  top: '64px',
   left: '50%',
+  padding: '20px 100%',
+  background:
+    'linear-gradient(180deg, #FFF 36.93%, rgba(255, 255, 255, 0.00) 100%)',
   transform: 'translate(-50%, 0)',
   zIndex: 50,
 });
diff --git "a/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/components/WriteTabContent/style.css.ts" "b/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/components/WriteTabContent/style.css.ts"
index 0f447d2..c8793e4 100644
--- "a/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/components/WriteTabContent/style.css.ts"
+++ "b/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/components/WriteTabContent/style.css.ts"
@@ -7,6 +7,7 @@ export const container = style({
   padding: '0 40px',
   marginBottom,
   scrollMarginBottom,
+
   '::-webkit-scrollbar': {
     display: 'none',
   },
@@ -15,14 +16,18 @@ export const container = style({
 export const inputWrapper = style({
   position: 'fixed',
   left: '50%',
-  bottom: '48px',
+  bottom: 0,
   width: '100%',
-  transform: 'translateX(-50%)',
   maxWidth: '1120px',
+  padding: '56px 0',
+  transform: 'translateX(-50%)',
+  background:
+    'linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%)',
   zIndex: 10,
+
   '@media': {
     'screen and (max-width: 1200px)': {
-      padding: '0 40px',
+      padding: '56px 40px',
     },
   },
 });