Merge pull request #85 from Bibumhada/feat/84-폰트-크기-수정

제목 폰트 사이즈 수정, 식당 이름 말줄임 적용
Bibumhada · Feb 21, 2024 · d7dd5bc · d7dd5bc
2 parents 342acb2 + 18aa89c
commit d7dd5bc
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 6 deletions.
diff --git 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`

diff --git 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
@@ -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
@@ -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
@@ -24,7 +24,7 @@ export const ShareResult = styled.div<ShareResultProps>`
   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;