fix: 히스토리 그리드 오버플로우 수정
MetalCard에 overflow: hidden 추가. HistoryPage 컨테이너에 overflow: hidden 추가.
This commit is contained in:
parent
239fb820b8
commit
4b14fa9553
2 changed files with 2 additions and 1 deletions
|
|
@ -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 },
|
||||||
}}
|
}}
|
||||||
|
|
|
||||||
|
|
@ -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()}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue