dave/eve-pi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pack planet cards more compactly

Browse Source
This commit is contained in:
Calli
2023-06-23 19:40:34 +03:00
parent 009d6c988d
commit ec84d886bd
2 changed files with 4 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -11,14 +11,8 @@ const StackItem = styled(Stack)(({ theme }) => ({
export const NoPlanetCard = ({}: {}) => { export const NoPlanetCard = ({}: {}) => {
return ( return (
<StackItem alignItems="flex-start" className="poop" height="100%"> <StackItem alignItems="flex-start" height="100%">
<Image <Image src={`/noplanet.png`} alt="" width={120} height={120} />
src={`/noplanet.png`}
alt=""
width={120}
height={120}
style={{ marginBottom: "0.2rem" }}
/>
<Image <Image
width={64} width={64}
height={64} height={64}

4
src/app/components/PlanetaryInteraction/PlanetCard.tsx
View File

@@ -10,6 +10,7 @@ import Countdown from "react-countdown";
const StackItem = styled(Stack)(({ theme }) => ({ const StackItem = styled(Stack)(({ theme }) => ({
...theme.typography.body2, ...theme.typography.body2,
padding: 0, padding: 0,
margin: "0 !important",
textAlign: "left", textAlign: "left",
justifyContent: "center", justifyContent: "center",
alignItems: "center", alignItems: "center",
@@ -95,13 +96,12 @@ export const PlanetCard = ({
getPlanet(character, planet).then(setPlanetInfo); getPlanet(character, planet).then(setPlanetInfo);
}, [planet, character]); }, [planet, character]);
return ( return (
<StackItem alignItems="flex-start" className="poop" height="100%"> <StackItem alignItems="flex-start" height="100%">
<Image <Image
src={`/${planet.planet_type}.png`} src={`/${planet.planet_type}.png`}
alt="" alt=""
width={120} width={120}
height={120} height={120}
style={{ marginBottom: "0.2rem" }}
/> />
{extractors.some((e) => { {extractors.some((e) => {
if (!e) return true; if (!e) return true;