Kaladaran/eve-pi
1
0
Fork 0
mirror of https://github.com/calli-eve/eve-pi.git synced 2026-02-16 04:29:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor compact mode to theme provider

Browse Source
This commit is contained in:
Calli
2023-07-04 00:04:33 +03:00
parent 76d0ed6da1
commit 6933ddcbc5
6 changed files with 87 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/components/PlanetaryInteraction/NoPlanetCard.tsx
View File

@@ -1,6 +1,4 @@
import { SessionContext } from "@/app/context/Context";
import { Box, Stack, Typography, styled } from "@mui/material";
import { useContext } from "react";
import { Box, Stack, Typography, styled, useTheme } from "@mui/material";
const StackItem = styled(Stack)(({ theme }) => ({
...theme.typography.body2,
@@ -12,20 +10,19 @@ const StackItem = styled(Stack)(({ theme }) => ({
}));
export const NoPlanetCard = ({}: {}) => {
const { compactMode } = useContext(SessionContext);
const theme = useTheme();
return (
<StackItem
alignItems="flex-start"
height="100%"
minHeight={compactMode ? "100px" : "170px"}
minHeight={theme.custom.cardMinHeight}
>
<Box
width={compactMode ? 80 : 120}
height={compactMode ? 80 : 120}
border="solid 1px black"
style={{ borderRadius: 8, marginRight: 4 }}
width={theme.custom.cardImageSize}
height={theme.custom.cardImageSize}
style={{ borderRadius: 8, marginRight: 4, backgroundColor: "#101010" }}
/>
<Typography fontSize="0.8rem">No planet</Typography>
<Typography fontSize={theme.custom.smallText}>No planet</Typography>
</StackItem>
);
};