fixbug: limit-analyse日历UI调整

This commit is contained in:
zdl
2025-11-19 19:13:12 +08:00
parent 5f6b4b083b
commit 3eb31c99dc
2 changed files with 11 additions and 8 deletions

View File

@@ -195,9 +195,12 @@ const EnhancedCalendar = ({
onClick={() => onDateChange(date)} onClick={() => onDateChange(date)}
transition="all 0.2s" transition="all 0.2s"
cursor="pointer" cursor="pointer"
display="flex"
alignItems="center"
justifyContent="center"
> >
<Text <Text
fontSize={compact ? 'md' : 'lg'} fontSize={compact ? 'lg' : 'xl'}
fontWeight={isToday || isSelected ? 'bold' : 'normal'} fontWeight={isToday || isSelected ? 'bold' : 'normal'}
color={isSelected ? 'blue.600' : 'gray.700'} color={isSelected ? 'blue.600' : 'gray.700'}
> >
@@ -206,13 +209,13 @@ const EnhancedCalendar = ({
{hasData && ( {hasData && (
<Badge <Badge
position="absolute" position="absolute"
top="2px" top="4px"
right="2px" right="4px"
size={compact ? 'sm' : 'md'} size={compact ? 'sm' : 'md'}
colorScheme={getDateBadgeColor(dateData.count)} colorScheme={getDateBadgeColor(dateData.count)}
fontSize={compact ? '10px' : '11px'} fontSize={compact ? '9px' : '10px'}
px={compact ? 1 : 2} px={compact ? 1 : 2}
minW={compact ? '22px' : '28px'} minW={compact ? '20px' : '24px'}
borderRadius="full" borderRadius="full"
> >
{dateData.count} {dateData.count}
@@ -221,7 +224,7 @@ const EnhancedCalendar = ({
{isToday && ( {isToday && (
<Text <Text
position="absolute" position="absolute"
bottom="2px" bottom="4px"
left="50%" left="50%"
transform="translateX(-50%)" transform="translateX(-50%)"
fontSize={compact ? '9px' : '10px'} fontSize={compact ? '9px' : '10px'}

View File

@@ -444,7 +444,6 @@ export default function LimitAnalyse() {
borderColor="whiteAlpha.300" borderColor="whiteAlpha.300"
backdropFilter="saturate(180%) blur(10px)" backdropFilter="saturate(180%) blur(10px)"
w="full" w="full"
minH="420px"
> >
<CardBody p={4}> <CardBody p={4}>
<EnhancedCalendar <EnhancedCalendar
@@ -453,8 +452,9 @@ export default function LimitAnalyse() {
availableDates={availableDates} availableDates={availableDates}
compact compact
hideSelectionInfo hideSelectionInfo
hideLegend
width="100%" width="100%"
cellHeight={10} cellHeight={16}
/> />
</CardBody> </CardBody>
</Card> </Card>