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