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";
|
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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user