fix img
This commit is contained in:
parent
6edfebf24b
commit
f36506d167
2 changed files with 11 additions and 6 deletions
|
@ -1,5 +1,6 @@
|
|||
import ContainerLayout from "../../utils/ContainerLayout"
|
||||
import { DicePlayButton } from "../../components/web3/DicePlayButton"
|
||||
import diceImg from '../../../assets/img/dice-img.png'
|
||||
|
||||
export const DiceGamePage = () => {
|
||||
return (
|
||||
|
@ -12,8 +13,8 @@ export const DiceGamePage = () => {
|
|||
<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" />
|
||||
<img src={diceImg} alt="Dice" />
|
||||
<img src={diceImg} alt="Dice" />
|
||||
</div>
|
||||
{/* Кнопка для бека */}
|
||||
<DicePlayButton />
|
||||
|
|
|
@ -1,13 +1,17 @@
|
|||
import ContainerLayout from "../../utils/ContainerLayout";
|
||||
import GamepadIcon from "../../components/icons/GamepadIcon";
|
||||
import {Link} from "react-router-dom";
|
||||
import casinoBg from '../../../assets/img/casino-bg-image.png'
|
||||
import diceSmall from '../../../assets/img/dices-small.png'
|
||||
import rpsSmall from '../../../assets/img/rps-small.png'
|
||||
import slotMachine from '../../../assets/img/slot-machine-small.png'
|
||||
|
||||
export const MainPage = () => {
|
||||
return (
|
||||
<ContainerLayout>
|
||||
<div className="absolute w-[1235px] h-[629px] overflow-hidden">
|
||||
<img
|
||||
src="src/assets/img/casino-bg-image.png"
|
||||
src={casinoBg}
|
||||
alt="Icon"
|
||||
className="w-full h-full object-cover filter brightness-80 blur-[4px]"
|
||||
/>
|
||||
|
@ -47,7 +51,7 @@ export const MainPage = () => {
|
|||
<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
|
||||
src="src/assets/img/dices-small.png"
|
||||
src={diceSmall}
|
||||
alt="Icon"
|
||||
className="object-cover"
|
||||
/>
|
||||
|
@ -63,7 +67,7 @@ export const MainPage = () => {
|
|||
<div className="w-[404px] 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 w-[140px] bg-neutral-800 inline-block">
|
||||
<img
|
||||
src="src/assets/img/rps-small.png"
|
||||
src={rpsSmall}
|
||||
alt="Icon"
|
||||
className="object-cover"
|
||||
/>
|
||||
|
@ -80,7 +84,7 @@ export const MainPage = () => {
|
|||
<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
|
||||
src="src/assets/img/slot-machine-small.png"
|
||||
src={slotMachine}
|
||||
alt="Icon"
|
||||
className="object-cover"
|
||||
/>
|
||||
|
|
Loading…
Add table
Reference in a new issue