fix: 히스토리 그리드 오버플로우 수정

MetalCard에 overflow: hidden 추가.
HistoryPage 컨테이너에 overflow: hidden 추가.
This commit is contained in:
Yun Chan 2026-04-08 11:56:56 +09:00
parent 239fb820b8
commit 4b14fa9553
2 changed files with 2 additions and 1 deletions

View file

@ -19,6 +19,7 @@ export function MetalCard({ children, inset = false }: MetalCardProps): React.Re
borderTop: inset ? 'none' : `1px solid ${d3roPalette.border.subtle}`, borderTop: inset ? 'none' : `1px solid ${d3roPalette.border.subtle}`,
boxShadow: inset ? d3roShadow.inset : d3roShadow.card, boxShadow: inset ? d3roShadow.inset : d3roShadow.card,
p: inset ? '6px' : 3, p: inset ? '6px' : 3,
overflow: 'hidden',
transition: 'background-color 0.2s ease', transition: 'background-color 0.2s ease',
'&:hover': inset ? {} : { bgcolor: d3roPalette.bg.cardHover }, '&:hover': inset ? {} : { bgcolor: d3roPalette.bg.cardHover },
}} }}

View file

@ -84,7 +84,7 @@ export function HistoryPage(): React.ReactElement {
}, [activeTag]) }, [activeTag])
return ( return (
<Box sx={{ mx: 'auto', p: 4 }}> <Box sx={{ mx: 'auto', p: 4, overflow: 'hidden' }}>
{/* 페이지 헤더 -- 각인 스타일 */} {/* 페이지 헤더 -- 각인 스타일 */}
<PageHeader <PageHeader
title={t('history.title').toUpperCase()} title={t('history.title').toUpperCase()}