mirror of
https://github.com/labring/FastGPT.git
synced 2026-05-07 01:02:55 +08:00
fix: ui (#6642)
This commit is contained in:
@@ -136,23 +136,45 @@ const DateTimePicker = ({
|
||||
top={`${position.top}px`}
|
||||
left={`${position.left}px`}
|
||||
zIndex={1500}
|
||||
css={{
|
||||
'--rdp-background-color': '#d6e8ff',
|
||||
'--rdp-accent-color': '#0000ff'
|
||||
}}
|
||||
p={3}
|
||||
>
|
||||
<DayPicker
|
||||
locale={zhCN}
|
||||
mode="single"
|
||||
defaultMonth={selectedDate}
|
||||
selected={selectedDate}
|
||||
disabled={disabled}
|
||||
onSelect={(date) => {
|
||||
setSelectedDate(date);
|
||||
onChange?.(date);
|
||||
setShowSelected(false);
|
||||
<Box
|
||||
sx={{
|
||||
'.rdp-day_button:hover:not(:disabled)': {
|
||||
backgroundColor: '#E1EAFF'
|
||||
},
|
||||
'.rdp-selected .rdp-day_button': {
|
||||
backgroundColor: '#3370FF',
|
||||
color: 'white',
|
||||
border: 'none'
|
||||
},
|
||||
'.rdp-selected .rdp-day_button:hover': {
|
||||
backgroundColor: '#2860E0'
|
||||
},
|
||||
'.rdp-button_previous:hover, .rdp-button_next:hover': {
|
||||
backgroundColor: '#F0F4FF',
|
||||
borderRadius: '6px'
|
||||
}
|
||||
}}
|
||||
/>
|
||||
>
|
||||
<DayPicker
|
||||
locale={zhCN}
|
||||
mode="single"
|
||||
style={
|
||||
{
|
||||
'--rdp-accent-color': '#3370FF'
|
||||
} as React.CSSProperties
|
||||
}
|
||||
defaultMonth={selectedDate}
|
||||
selected={selectedDate}
|
||||
disabled={disabled}
|
||||
onSelect={(date) => {
|
||||
setSelectedDate(date);
|
||||
onChange?.(date);
|
||||
setShowSelected(false);
|
||||
}}
|
||||
/>
|
||||
</Box>
|
||||
</Card>
|
||||
</Portal>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user