{title}
{desc &&{desc}
} diff --git a/src/components/Page/Home/Ranking/Ranking.Style.ts b/src/components/Page/Home/Ranking/Ranking.Style.ts index d4ec83f4..5046c250 100644 --- a/src/components/Page/Home/Ranking/Ranking.Style.ts +++ b/src/components/Page/Home/Ranking/Ranking.Style.ts @@ -153,6 +153,12 @@ const RankingLoading = styled.div({ display: 'flex', justifyContent: 'center', alignItems: 'center', + padding: '32px', + + ['>img']: { + width: '128px', + aspectRatio: '1 / 1', + }, }); export { diff --git a/src/components/Page/Home/Ranking/Ranking.tsx b/src/components/Page/Home/Ranking/Ranking.tsx index 8be41233..b7bd726e 100644 --- a/src/components/Page/Home/Ranking/Ranking.tsx +++ b/src/components/Page/Home/Ranking/Ranking.tsx @@ -3,7 +3,7 @@ import { STOCK_COUNTRY_MAP, StockCountryKey } from '@ts/StockCountry'; import useRouter from '@router/useRouter'; import { useStockTableInfoQuery } from '@controllers/stocks/query'; import { StockTableInfo } from '@controllers/stocks/types'; -import LoadingWEBM from '@assets/Loading.webm'; +import LoadingGIF from '@assets/loading.gif'; import ItemTitle from '../Common'; import { HomeItemContainer } from '../Common.Style'; import { RankingContent, RankingLoading, RankingTabContainer, RankingTabLabel, RankingTable } from './Ranking.Style'; @@ -69,7 +69,7 @@ const HomeRanking = ({ country }: { country: StockCountryKey }) => { {isLoading && (새로운 종목을 불러오는 중...