update ui
This commit is contained in:
@@ -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')}
|
||||
|
||||
Reference in New Issue
Block a user