change no planet card to empty box

This commit is contained in:
Calli
2023-06-24 15:33:24 +03:00
parent 88d68e1dc6
commit 37f9bdeccf

View File

@@ -1,4 +1,4 @@
import { Stack, Typography, styled } from "@mui/material";
import { Box, Stack, Typography, styled } from "@mui/material";
import Image from "next/image";
const StackItem = styled(Stack)(({ theme }) => ({
@@ -13,20 +13,12 @@ const StackItem = styled(Stack)(({ theme }) => ({
export const NoPlanetCard = ({}: {}) => {
return (
<StackItem alignItems="flex-start" height="100%">
<Image
src={`/noplanet.png`}
alt=""
<Box
width={120}
height={120}
border="solid 1px black"
style={{ borderRadius: 8, marginRight: 4 }}
/>
<Image
width={64}
height={64}
src={`/stopped.png`}
alt=""
style={{ position: "absolute" }}
/>
<Typography>No planet</Typography>
</StackItem>
);