Web3N3/auction
16
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

chore: minor ui fixes

Browse source
This commit is contained in:
Mikhail Saveliev 2024-01-08 19:17:09 +05:00
parent 8c919da199
commit cb50c8856f
1 changed files with 8 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
frontend/casino/src/app/pages/MainPage/MainPage.tsx
View file

@ -42,7 +42,7 @@ export const MainPage = () => {
</div>
</div>
</div>
<div className="flex flex-row justify-evenly">
<div className="flex flex-row justify-between">
{/* dices */}
<div className="w-[374px] h-[187.35px] bg-[#323846] rounded-[23px] border-2 border-gray-700 flex flex-row items-center justify-between px-4 py-6 gap-3">
<div className="rounded-full bg-neutral-800 inline-block">
@ -53,9 +53,9 @@ export const MainPage = () => {
/>
</div>
<div className="flex flex-col h-full justify-between">
<div className="flex flex-row justify-between min-w-[200px]">
<div className="flex flex-row justify-between min-w-[200px] my-auto items-center">
<span className="text-xl font-bold">DICE</span>
<a href="/dice" className="min-w-[100px] max-h-[45px] bg-blue-500 rounded-[10px] border border-blue-400 font-bold px-3 items-center flex justify-center">Play now</a>
<a href="/dice" className="min-w-[100px]max-h-[45px] bg-blue-500 rounded-[10px] border border-blue-400 font-bold px-3 items-center flex justify-center py-2">Play now</a>
</div>
</div>
</div>
@ -69,14 +69,13 @@ export const MainPage = () => {
/>
</div>
<div className="flex flex-col h-full justify-between">
<div className="flex flex-row justify-between min-w-[200px]">
<div className="flex flex-col">
<span className="text-xl font-bold uppercase">Rock paper scissors</span>
</div>
<div className="flex flex-row justify-between min-w-[200px] my-auto">
<span className="text-xl font-bold uppercase">Rock paper scissors</span>
<button className="bg-blue-500 min-w-[103px] max-h-[45px] rounded-[10px] border border-blue-400 font-bold px-3 inline-block">Play now</button>
</div>
</div>
</div>
{/* slot */}
<div className="w-[374px] h-[187.35px] bg-[#323846] rounded-[23px] border-2 border-gray-700 flex flex-row items-center justify-between px-4 py-6 gap-3">
<div className="rounded-full bg-neutral-800 inline-block">
<img
@ -86,10 +85,8 @@ export const MainPage = () => {
/>
</div>
<div className="flex flex-col h-full justify-between">
<div className="flex flex-row justify-between min-w-[200px]">
<div className="flex flex-col">
<span className="text-xl font-bold uppercase">Slot machine</span>
</div>
<div className="flex flex-row justify-between min-w-[200px] my-auto">
<span className="text-xl font-bold uppercase">Slot machine</span>
<button className="bg-blue-500 min-w-[103px] max-h-[45px] rounded-[10px] border border-blue-400 font-bold px-3 inline-block">Play now</button>
</div>
</div>