diff --git a/src/components/ShowMoreBtn/ShowMoreBtn.style.ts b/src/components/ShowMoreBtn/ShowMoreBtn.style.ts index f7cd831..965fe0b 100644 --- a/src/components/ShowMoreBtn/ShowMoreBtn.style.ts +++ b/src/components/ShowMoreBtn/ShowMoreBtn.style.ts @@ -3,9 +3,8 @@ import { css } from '@emotion/react'; import { themes } from '../../styles/Theme'; export const showMoreBtnStyling = css({ - fontSize: themes.dark.typography.body03.fontSize, - lineHeight: themes.dark.typography.body03.lineHeight, - cursor: 'pointer', - color: themes.dark.color.gray500 - }); - + fontSize: themes.dark.typography.body02.fontSize, + lineHeight: themes.dark.typography.body02.lineHeight, + cursor: 'pointer', + color: themes.dark.color.gray500, +}); diff --git a/src/components/Toast/Toast.style.ts b/src/components/Toast/Toast.style.ts index 4be57ad..b36b4e7 100644 --- a/src/components/Toast/Toast.style.ts +++ b/src/components/Toast/Toast.style.ts @@ -14,14 +14,15 @@ export const getVariantStyling = (variant: Required['variant']) => { backgroundColor: themes.dark.color.green600, }), error: css({ - backgroundColor:themes.dark.color.red, + backgroundColor: themes.dark.color.red, }), }; return style[variant]; }; -export const getToastStyling = (isVisible: boolean) => css({ +export const getToastStyling = (isVisible: boolean) => + css({ bottom: themes.dark.spacer.spacing6, display: 'flex', justifyContent: 'space-between', @@ -36,9 +37,7 @@ export const getToastStyling = (isVisible: boolean) => css({ color: themes.dark.color.white, - animation: isVisible - ? `${fadeIn} 0.2s ease-in, ${moveUp} 0.2s ease-in` - : `${fadeOut} 0.2s ease-in forwards`, + animation: isVisible ? `${fadeIn} 0.2s ease-in, ${moveUp} 0.2s ease-in` : `${fadeOut} 0.2s ease-in forwards`, '& > svg': { width: '16px', @@ -55,9 +54,9 @@ export const contentStyling = css({ gap: themes.dark.spacer.spacing2, alignItems: 'center', - fontSize: themes.dark.typography.body03.fontSize, - lineHeight: themes.dark.typography.body03.lineHeight, - fontWeight: themes.dark.typography.body03.fontWeight, + fontSize: themes.dark.typography.body01.fontSize, + lineHeight: themes.dark.typography.body01.lineHeight, + fontWeight: themes.dark.typography.body01.fontWeight, }); export const closeIconStyling = css({