update ui

This commit is contained in:
2025-11-13 22:35:33 +08:00
parent c6062efb00
commit f0bb00a2ce
4 changed files with 89 additions and 103 deletions

View File

@@ -13,35 +13,35 @@ import moment from 'moment';
*/
const EventTimeline = ({ createdAt, timelineStyle, borderColor, minHeight = '40px' }) => {
return (
<VStack spacing={0} align="center" minW="90px">
{/* 时间长方形卡片 */}
<VStack spacing={0} align="center" minW="65px">
{/* 时间长方形卡片 - 更紧凑 */}
<Box
{...(timelineStyle.bgGradient ? { bgGradient: timelineStyle.bgGradient } : { bg: timelineStyle.bg })}
borderWidth={timelineStyle.borderWidth}
borderColor={timelineStyle.borderColor}
borderRadius="md"
px={2}
py={2}
minW="85px"
px={1.5}
py={1.5}
minW="60px"
textAlign="center"
boxShadow={timelineStyle.boxShadow}
transition="all 0.3s ease"
>
{/* 日期 YYYY-MM-DD */}
{/* 日期 MM-DD */}
<Text
fontSize="xs"
fontSize="10px"
fontWeight="bold"
color={timelineStyle.textColor}
lineHeight="1.3"
lineHeight="1.2"
>
{moment(createdAt).format('YYYY-MM-DD')}
{moment(createdAt).format('MM-DD')}
</Text>
{/* 时间 HH:mm */}
<Text
fontSize="xs"
fontSize="10px"
fontWeight="bold"
color={timelineStyle.textColor}
lineHeight="1.3"
lineHeight="1.2"
mt={0.5}
>
{moment(createdAt).format('HH:mm')}