From 484514f220bf13ac84fc55bde93ec69463d25438 Mon Sep 17 00:00:00 2001 From: esthel Date: Tue, 5 Dec 2023 02:43:23 +0900 Subject: [PATCH] =?UTF-8?q?refactor:=20text-shadow=20=EB=B3=80=EC=88=98=20?= =?UTF-8?q?=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- front/src/components/Msg/ListMsg.tsx | 4 ++-- front/src/components/Msg/Msg.tsx | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/front/src/components/Msg/ListMsg.tsx b/front/src/components/Msg/ListMsg.tsx index 1e6181a..6e0e634 100644 --- a/front/src/components/Msg/ListMsg.tsx +++ b/front/src/components/Msg/ListMsg.tsx @@ -18,7 +18,7 @@ const StyledLetterBox = styled.div` display: flex; align-self: center; font: ${props => props.theme.font['--normal-introduce-font']}; - text-shadow: -1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black; + text-shadow: ${props => props.theme.font['--text-shadow']}; flex-direction: column; border-radius: 1rem; padding: 1.5rem; @@ -60,7 +60,7 @@ const StyledFromInput = styled.input` border: none; background-color: transparent; color: ${props => props.theme.colors['--nick-name']}; - text-shadow: -1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black; + text-shadow: ${props => props.theme.font['--text-shadow']}; font-size: 1rem; font-weight: 700; pointer-events: stroke; diff --git a/front/src/components/Msg/Msg.tsx b/front/src/components/Msg/Msg.tsx index 8c6b400..1f15fe7 100644 --- a/front/src/components/Msg/Msg.tsx +++ b/front/src/components/Msg/Msg.tsx @@ -19,7 +19,7 @@ const StyledLetterBox = styled.div` display: flex; align-self: center; font: ${props => props.theme.font['--normal-introduce-font']}; - text-shadow: -1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black; + text-shadow: ${props => props.theme.font['--text-shadow']}; flex-direction: column; border-radius: 1rem; padding: 1.5rem; @@ -100,7 +100,7 @@ const StyledFromInput = styled.input` border: none; background-color: transparent; color: ${props => props.theme.colors['--nick-name']}; - text-shadow: -1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black; + text-shadow: ${props => props.theme.font['--text-shadow']}; font-size: 1rem; font-weight: 700; pointer-events: stroke;