fix: Adjusted the Carousel dot background to prevent white gaps during animation (#54529)

This commit is contained in:
Yingtao Mo 2025-08-01 23:26:39 +08:00 committed by GitHub
parent 953a8c0278
commit 06306cd37f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -277,7 +277,7 @@ const genDotsStyle: GenerateStyle<CarouselToken> = (token) => {
width: '100%',
height: dotHeight,
content: '""',
background: colorBgContainer,
background: 'transparent',
borderRadius: dotHeight,
opacity: 1,
outline: 'none',
@ -321,6 +321,7 @@ const genDotsStyle: GenerateStyle<CarouselToken> = (token) => {
opacity: 1,
},
'&::after': {
background: colorBgContainer,
transform: 'translate3d(0, 0, 0)',
transition: `transform var(${DotDuration}) ease-out`,
},