refactor: add Dice play button
This commit is contained in:
parent
0eb96f290e
commit
e9525f213b
2 changed files with 29 additions and 9 deletions
|
@ -1,17 +1,30 @@
|
|||
import ContainerLayout from "../../utils/ContainerLayout"
|
||||
import { DicePlayButton } from "../../utils/web3/DicePlayButton"
|
||||
|
||||
export const DiceGamePage = () => {
|
||||
return (
|
||||
<ContainerLayout>
|
||||
<p className="text-white text-[46px] font-bold uppercase">
|
||||
брось кубики онлайн!
|
||||
</p>
|
||||
<div className="justify-center flex">
|
||||
<div className="absolute w-[710px] h-[456px] bg-lime-800 rounded-[187px] blur-[300px]" />
|
||||
</div>
|
||||
<div className="flex flex-row min-w-full justify-center gap-10 relative mt-12">
|
||||
<img src="src/assets/img/dice-img.png" alt="Dice" />
|
||||
<img src="src/assets/img/dice-img.png" alt="Dice" />
|
||||
<div className="flex flex-col items-center text-white">
|
||||
<p className="text-[46px] font-bold uppercase">
|
||||
брось кубики онлайн!
|
||||
</p>
|
||||
<div className="justify-center flex pointer-events-none">
|
||||
<div className="absolute w-[710px] h-[456px] bg-lime-800 rounded-[187px] blur-[300px]" />
|
||||
</div>
|
||||
<div className="flex flex-row min-w-full justify-center gap-10 relative mt-12">
|
||||
<img src="src/assets/img/dice-img.png" alt="Dice" />
|
||||
<img src="src/assets/img/dice-img.png" alt="Dice" />
|
||||
</div>
|
||||
{/* Кнопка для бека */}
|
||||
<DicePlayButton />
|
||||
<div className="flex flex-row justify-around w-full font-semibold">
|
||||
<div className="bg-gray-500 rounded-[30px] py-5 px-10 text-2xl">
|
||||
Вы загадали: 5
|
||||
</div>
|
||||
<div className="bg-gray-800 rounded-[30px] py-5 px-10 text-2xl">
|
||||
Выпало число: 5
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ContainerLayout>
|
||||
)
|
||||
|
|
7
frontend/casino/src/app/utils/web3/DicePlayButton.tsx
Normal file
7
frontend/casino/src/app/utils/web3/DicePlayButton.tsx
Normal file
|
@ -0,0 +1,7 @@
|
|||
export const DicePlayButton = () => {
|
||||
return (
|
||||
<button className="bg-rose-700 rounded-[100px] shadow text-white text-2xl font-bold py-5 px-10 hover:bg-rose-600">
|
||||
Бросить
|
||||
</button>
|
||||
)
|
||||
}
|
Loading…
Reference in a new issue