change no planet card to empty box
This commit is contained in:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user