From 76938fff76f2b9815109e666bc1771dd238b85e0 Mon Sep 17 00:00:00 2001 From: Lee sang Yeop Date: Sat, 3 Feb 2024 03:10:03 +0900 Subject: [PATCH 1/2] =?UTF-8?q?fix(InformSearchForm):=20=EA=B2=80=EC=83=89?= =?UTF-8?q?=EC=B0=BD=20=EA=B8=80=EC=9E=90=20=EC=83=89=20=EB=B3=80=EA=B2=BD?= =?UTF-8?q?=20placeholder=20=EB=8A=94=20=ED=9A=8C=EC=83=89,=20=EC=9E=85?= =?UTF-8?q?=EB=A0=A5=ED=95=98=EB=8A=94=20=ED=85=8D=EC=8A=A4=ED=8A=B8?= =?UTF-8?q?=EB=8A=94=20=EA=B2=80=EC=9D=80=EC=83=89=EC=9C=BC=EB=A1=9C=20?= =?UTF-8?q?=EC=84=A4=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/InformUpperLayout/InformSearchForm.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/InformUpperLayout/InformSearchForm.tsx b/src/components/InformUpperLayout/InformSearchForm.tsx index 4f71707b..1964d17a 100644 --- a/src/components/InformUpperLayout/InformSearchForm.tsx +++ b/src/components/InformUpperLayout/InformSearchForm.tsx @@ -5,6 +5,7 @@ import TOAST_MESSAGES from '@constants/toast-message'; import styled from '@emotion/styled'; import useRouter from '@hooks/useRouter'; import useToasts from '@hooks/useToast'; +import { THEME } from '@styles/ThemeProvider/theme'; import React, { useRef } from 'react'; interface InformSearchForm { @@ -60,12 +61,12 @@ const StyledInput = styled.input` border: 0; border-radius: 15px; background-color: #7a9dd30f; - color: #7a9dd366; + color: ${THEME.TEXT.BLACK}; font-size: 14px; text-indent: 5px; &::placeholder { - color: #7a9dd366; + color: ${THEME.TEXT.GRAY}; font-size: 14px; } box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); From fea7f1a389801e292d99cb3d320a5e86ee7b5799 Mon Sep 17 00:00:00 2001 From: Lee sang Yeop Date: Sat, 3 Feb 2024 03:11:29 +0900 Subject: [PATCH 2/2] =?UTF-8?q?fix(InformHalfCard):=20=EB=A9=94=EC=9D=B8?= =?UTF-8?q?=20=ED=99=94=EB=A9=B4=EC=9D=98=20HalfCard=20=EC=9D=98=20?= =?UTF-8?q?=EA=B8=80=EC=9E=90=ED=81=AC=EA=B8=B0=20=EC=A1=B0=EC=A0=88=20?= =?UTF-8?q?=ED=95=B4=EC=83=81=EB=8F=84=EC=97=90=20=EB=94=B0=EB=9D=BC=20?= =?UTF-8?q?=EA=B8=80=EC=9E=90=EB=A5=BC=202=EC=A4=84=EB=A1=9C=20=EC=B2=98?= =?UTF-8?q?=EB=A6=AC=EB=90=98=EC=A7=80=20=EC=95=8A=EA=B3=A0=201=EC=A4=84?= =?UTF-8?q?=EB=A1=9C=20=EC=B2=98=EB=A6=AC=ED=95=98=EB=8F=84=EB=A1=9D=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/Home/components/InformHalfCard.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/pages/Home/components/InformHalfCard.tsx b/src/pages/Home/components/InformHalfCard.tsx index 76b59243..536f7d1b 100644 --- a/src/pages/Home/components/InformHalfCard.tsx +++ b/src/pages/Home/components/InformHalfCard.tsx @@ -51,7 +51,8 @@ const TitleWrapper = styled.div` `; const Title = styled.h2` - font-size: 16px; + font-size: 14px; + white-space: nowrap; font-weight: bold; `; @@ -59,6 +60,6 @@ const SubTitle = styled.h3` color: ${THEME.TEXT.SEMIBLACK}; display: flex; justify-content: flex-end; - font-size: 13px; + font-size: 11px; padding-bottom: 6px; `;