From a4c48c5c67a941bb8f1069a02de6405a9f9376c5 Mon Sep 17 00:00:00 2001 From: "euncho.kang" Date: Wed, 21 Feb 2024 19:18:40 +0900 Subject: [PATCH 1/2] =?UTF-8?q?style:=20=ED=8F=B0=ED=8A=B8=20=EC=82=AC?= =?UTF-8?q?=EC=9D=B4=EC=A6=88=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/ResultCard/ResultCard.styled.ts | 5 +++-- src/pages/Poll/Poll.styled.ts | 2 +- src/pages/RandomList/RandomList.styled.tsx | 4 ++-- src/pages/Result/Result.styled.ts | 2 +- 4 files changed, 7 insertions(+), 6 deletions(-) diff --git a/src/components/common/ResultCard/ResultCard.styled.ts b/src/components/common/ResultCard/ResultCard.styled.ts index a958802..b132f33 100644 --- a/src/components/common/ResultCard/ResultCard.styled.ts +++ b/src/components/common/ResultCard/ResultCard.styled.ts @@ -44,10 +44,11 @@ export const multipleWinnerRanking = styled.p` export const RestaurantName = styled.button` display: flex; align-items: center; - margin: 23px 0 15px; + margin: 28px 0; .name { - font-size: 30px; + display: inline; + font-size: var(--xl); font-weight: var(--font-bold); flex-grow: 1; white-space: normal; diff --git a/src/pages/Poll/Poll.styled.ts b/src/pages/Poll/Poll.styled.ts index 8269c99..d8b2dff 100644 --- a/src/pages/Poll/Poll.styled.ts +++ b/src/pages/Poll/Poll.styled.ts @@ -24,7 +24,7 @@ export const Header = styled.header` export const Title = styled.h1` display: inline-block; - font-size: var(--xxl); + font-size: var(--xl); font-weight: var(--font-bold); color: white; position: relative; diff --git a/src/pages/RandomList/RandomList.styled.tsx b/src/pages/RandomList/RandomList.styled.tsx index 91eb7d1..c8a7263 100644 --- a/src/pages/RandomList/RandomList.styled.tsx +++ b/src/pages/RandomList/RandomList.styled.tsx @@ -25,7 +25,7 @@ export const Header = styled.header` export const Title = styled.h1` display: inline-block; width: 200px; - font-size: var(--xxl); + font-size: var(--xl); font-weight: var(--font-bold); color: white; position: relative; @@ -37,7 +37,7 @@ export const Title = styled.h1` width: 27px; height: 27px; bottom: 2px; - right: -15px; + right: -1px; background: url(${icon_yummy}) 0 0 no-repeat; } `; diff --git a/src/pages/Result/Result.styled.ts b/src/pages/Result/Result.styled.ts index 3d6c2fa..a6d14c2 100644 --- a/src/pages/Result/Result.styled.ts +++ b/src/pages/Result/Result.styled.ts @@ -24,7 +24,7 @@ export const ShareResult = styled.div` transform: translate(-50%, 0); color: #fff; font-weight: var(--font-bold); - font-size: var(--xxl); + font-size: var(--xl); line-height: 35px; text-align: center; white-space: pre-line; From 18aa89c873a70c5a5d9dd2a6e0012c6c42ec701e Mon Sep 17 00:00:00 2001 From: "euncho.kang" Date: Wed, 21 Feb 2024 19:25:13 +0900 Subject: [PATCH 2/2] =?UTF-8?q?style:=20random-menu=EC=97=90=EC=84=9C=20?= =?UTF-8?q?=EA=B8=B4=20=EC=8B=9D=EB=8B=B9=EC=9D=B4=EB=A6=84=EC=9D=98=20?= =?UTF-8?q?=EA=B2=BD=EC=9A=B0=20=EB=A7=90=EC=A4=84=EC=9E=84=20=EC=A0=81?= =?UTF-8?q?=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/MenuCard/MenuCard.styled.ts | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/components/common/MenuCard/MenuCard.styled.ts b/src/components/common/MenuCard/MenuCard.styled.ts index a3a2146..75105cb 100644 --- a/src/components/common/MenuCard/MenuCard.styled.ts +++ b/src/components/common/MenuCard/MenuCard.styled.ts @@ -19,6 +19,13 @@ export const TitleLayout = styled.div` export const RestaurantName = styled.strong` font-weight: var(--font-semi-bold); font-size: var(--md); + white-space: normal; + /* word-break: keep-all; */ + word-wrap: break-word; + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; `; export const RestaurantLinkImg = styled.img`