Adding button redirection
Following game
This commit is contained in:
BIN
webapp/src/assets/perso/perso-1/pose-1.png
Normal file
BIN
webapp/src/assets/perso/perso-1/pose-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 156 KiB |
BIN
webapp/src/assets/perso/perso-2/pose-1.png
Normal file
BIN
webapp/src/assets/perso/perso-2/pose-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
@@ -1,9 +1,25 @@
|
|||||||
|
import Pose1 from "../../../../assets/perso/perso-1/pose-1.png";
|
||||||
|
import Pose2 from "../../../../assets/perso/perso-2/pose-1.png";
|
||||||
|
|
||||||
|
const img = ["",Pose1,Pose2]
|
||||||
|
|
||||||
|
function Transition({img}) {
|
||||||
|
return(
|
||||||
|
<div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
function CardMission({mission}) {
|
function CardMission({mission}) {
|
||||||
return(
|
return(
|
||||||
<div className="h-60 w-72 bg-slate-200 flex flex-col justify-start items-center gap-5">
|
<div className="h-60 w-72 bg-slate-200 flex flex-col justify-start items-center gap-5 rounded-md">
|
||||||
<h2>Test</h2>
|
<h2 className="text-lg">Test</h2>
|
||||||
<div className="h-28 w-28 rounded-full bg-black"></div>
|
<div>
|
||||||
<button className="px-4 py-3 text-white bg-darkBlue">Play</button>
|
<img src={img[1]} alt="perso" className="h-28 w-28 rounded-full object-cover object-left-top"/>
|
||||||
|
</div>
|
||||||
|
<a href="game/1"><button className="px-4 py-3 text-white bg-darkBlue">Play</button></a>
|
||||||
|
<Transition img={img[1]}/>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,7 +2,16 @@ import CardMission from "../cardmission";
|
|||||||
|
|
||||||
function MainMenu() {
|
function MainMenu() {
|
||||||
return(
|
return(
|
||||||
<main className="h-screen w-screens pl-32 bg-red-900 flex flex-row flex-wrap gap-4 p-4">
|
<main className="min-h-screen w-screens pl-44 bg-red-900 flex flex-row flex-wrap gap-12 p-8">
|
||||||
|
<CardMission />
|
||||||
|
<CardMission />
|
||||||
|
<CardMission />
|
||||||
|
<CardMission />
|
||||||
|
<CardMission />
|
||||||
|
<CardMission />
|
||||||
|
<CardMission />
|
||||||
|
<CardMission />
|
||||||
|
<CardMission />
|
||||||
<CardMission />
|
<CardMission />
|
||||||
</main>
|
</main>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -1,6 +1,8 @@
|
|||||||
function LoginButton() {
|
function LoginButton() {
|
||||||
return (
|
return (
|
||||||
<button className="py-3 px-6 bg-darkBlue text-white rounded-md">Login</button>
|
<a href="/login">
|
||||||
|
<button className="py-3 px-6 bg-darkBlue text-white rounded-md">Login</button>
|
||||||
|
</a>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user