Ilgeldi
/
turkmentv_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

croll bar added to the winner list

This commit is contained in:
Kakabay 2024-12-13 16:56:06 +05:00
parent 08a2e5d5fe
commit 695a305f25
3 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/(main)/lottery/active/page.tsx
View File

@ -98,12 +98,14 @@ const page = () => {
<section className="flex flex-col gap-[40px]">
{lotteryStatus === 'not-started' && (
<div className="container">
<LotteryCountDown
startDate={'2024-12-14 16:15:00'}
endDate={'2024-12-15 16:00:00'}
lotteryStatus={lotteryStatus}
setLotteryStatus={setLotteryStatus}
/>
</div>
)}
<LotteryCountDownAllert
startDate={'2024-12-14 16:15:00'}

2
components/lottery/LotteryWinnersSection.tsx
View File

@ -5,7 +5,7 @@ import SpinWheel from './spinWheel/SpinWheel';
import { useState } from 'react';
const LotteryWinnersSection = () => {
const [winners, setWinners] = useState<number[]>([]);
const [winners, setWinners] = useState<number[]>([1, 2, 3, 4, 5, 5, 5, 5]);
return (
<section>

4
components/lottery/winners/LotteryWinnersList.tsx
View File

@ -2,7 +2,8 @@ import LotteryWinner from './LotteryWinner';
const LotteryWinnersList = ({ winners }: { winners: number[] }) => {
return (
<div className="flex flex-col w-full md:p-8 p-6 gap-4">
<div className="w-full md:p-8 p-6">
<div className="flex flex-col w-full gap-4 md:max-h-[548px] sm:max-h-[276px] max-h-[438px] h-full overflow-y-scroll pr-2">
<div className="flex flex-col gap-2 md:pb-4 pb-3 border-b border-lightOutlineVariant">
<h4 className="font-heading-3-regular">Results</h4>
<p className="font-base-medium">The results after each stage will be shown here.</p>
@ -14,6 +15,7 @@ const LotteryWinnersList = ({ winners }: { winners: number[] }) => {
))}
</div>
</div>
</div>
);
};