lottery fix
This commit is contained in:
parent
e46670628f
commit
54256ba2da
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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}
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue