lottery fix

This commit is contained in:
Kakabay 2025-01-03 17:52:05 +05:00
parent e46670628f
commit 54256ba2da
2 changed files with 20 additions and 16 deletions

View File

@ -188,32 +188,35 @@ const LotteryWinnersSection = ({ lotteryStatus }: { lotteryStatus: string }) =>
<div className="container"> <div className="container">
<div <div
className="flex flex-col items-center rounded-[32px] gap-[40px] pt-[40px]" className="flex flex-col items-center rounded-[32px] gap-[40px]"
style={{ background: 'linear-gradient(180deg, #F0ECF4 0%, #E1E0FF 43.5%)' }}> style={{ background: 'linear-gradient(180deg, #F0ECF4 0%, #E1E0FF 43.5%)' }}>
{winnerSelectingStatus === 'not-selected' || winnerSelectingStatus === 'is-selecting' ? ( <div className="flex items-center justify-center w-full min-h-[240px]">
<AnimatedText {winnerSelectingStatus === 'not-selected' ||
text={displayText} winnerSelectingStatus === 'is-selecting' ? (
className="text-center flex items-center justify-center text-[100px] leading-[108px] text-[#E65E19]"
/>
) : (
<div className="flex flex-col items-center justify-center">
<AnimatedText <AnimatedText
text={displayText} text={displayText}
className="text-center text-[56px] leading-[64px] text-[#E65E19]" className="text-center flex items-center justify-center text-[100px] leading-[108px] text-[#E65E19]"
/> />
{winnerText && ( ) : (
<div className="flex flex-col items-center justify-center">
<AnimatedText <AnimatedText
text={winnerText} text={displayText}
className="text-center text-[80px] leading-[88px] text-[#E65E19]" className="text-center text-[56px] leading-[64px] text-[#E65E19]"
/> />
)} {winnerText && (
</div> <AnimatedText
)} text={winnerText}
className="text-center text-[80px] leading-[88px] text-[#E65E19]"
/>
)}
</div>
)}
</div>
<div className="z-10"> <div className="z-10">
<LotterySlotCounter numberString={currentNumber} isAnimating={isSlotCounterAnimating} /> <LotterySlotCounter numberString={currentNumber} isAnimating={isSlotCounterAnimating} />
</div> </div>
<div className="flex gap-6 rounded-[12px] flex-1 w-full items-center justify-center sm:pb-[62px] pb-[32px] px-4"> <div className="flex gap-6 rounded-[12px] flex-1 w-full items-center justify-center sm:pb-[62px] pb-[32px] px-4">
<LotteryWinnersList winners={winners} /> <LotteryWinnersList winners={winners} />
</div> </div>
</div> </div>

View File

@ -84,6 +84,7 @@ const LotterySlotCounter = ({ numberString, isAnimating }: LotterySlotCounterPro
speed={2} speed={2}
delay={2} delay={2}
startFromLastDigit startFromLastDigit
animateUnchanged
animateOnVisible={false} animateOnVisible={false}
autoAnimationStart={false} autoAnimationStart={false}
/> />