refactor compact mode to theme provider

2023-07-04 00:04:33 +03:00
parent 76d0ed6da1
commit 6933ddcbc5
6 changed files with 87 additions and 39 deletions
--- a/src/app/components/PlanetaryInteraction/PlanetaryInteractionRow.tsx
+++ b/src/app/components/PlanetaryInteraction/PlanetaryInteractionRow.tsx
@@ -7,7 +7,7 @@ import { NoPlanetCard } from "./NoPlanetCard";

 const StackItem = styled(Stack)(({ theme }) => ({
  ...theme.typography.body2,
-  padding: theme.spacing(2),
+  padding: theme.custom.compactMode ? theme.spacing(1) : theme.spacing(2),
  textAlign: "left",
  justifyContent: "center",
  alignItems: "center",