diff --git a/src/components/chart/chart.styles.js b/src/components/chart/chart.styles.js index 784732e..669c15c 100644 --- a/src/components/chart/chart.styles.js +++ b/src/components/chart/chart.styles.js @@ -208,3 +208,10 @@ export const starNameIcon = css` export const voteStyle = css` color: var(--white); `; + +export const emptyState = css` + padding: 2rem; + font-size: 1rem; + text-align: center; + color: #999; +`; diff --git a/src/components/starFrame/StarFrame.jsx b/src/components/starFrame/StarFrame.jsx index b034fae..f65a19f 100644 --- a/src/components/starFrame/StarFrame.jsx +++ b/src/components/starFrame/StarFrame.jsx @@ -52,7 +52,6 @@ const StarFrame = ({ imageUrls = [], interval = 3000 }) => { duration: 1.5, // 1.5초 동안 fade-in ease: 'easeOut', // 끝날 때 자연스럽게 }} - css={S.image} // 필요하면 스타일 적용 /> )}
diff --git a/src/components/starFrame/starFrame.styles.js b/src/components/starFrame/starFrame.styles.js index 382912d..88ce859 100644 --- a/src/components/starFrame/starFrame.styles.js +++ b/src/components/starFrame/starFrame.styles.js @@ -1,5 +1,6 @@ import { css } from '@emotion/react'; import frameImage from '@/assets/images/handle-frame.png'; + export const wrapper = css` position: relative; padding-top: 1rem; diff --git a/src/pages/landing/LandingPage.jsx b/src/pages/landing/LandingPage.jsx index c9134fd..cce59e3 100644 --- a/src/pages/landing/LandingPage.jsx +++ b/src/pages/landing/LandingPage.jsx @@ -149,13 +149,11 @@ const LandingPage = () => { )} {idx === sections.length - 1 ? ( -
- - - {section.buttonText} - - -
+ + + {section.buttonText} + + ) : null} {section.showScrollGuide && (