patch: remove vision card

Card no longer applicable. Adds max width to limit size of remaining two cards
ethereum · Sep 20, 2022 · cb0545d · cb0545d
1 parent 0df56c7
commit cb0545d
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/pages/upgrades/vision.tsx b/src/pages/upgrades/vision.tsx
@@ -27,6 +27,11 @@ import FeedbackCard from "../../components/FeedbackCard"
 import { translateMessageId } from "../../utils/translations"
 import { getImage } from "../../utils/image"
 
+const ProblemCardContainer = styled(CardContainer)`
+  max-width: ${(props) => props.theme.breakpoints.l};
+  margin: 0 auto;
+`
+
 const StyledCardContainer = styled(CardContainer)`
   margin-top: 2rem;
   margin-bottom: 3rem;
@@ -83,11 +88,6 @@ const paths = [
     title: <Translation id="page-upgrades-vision-title-2" />,
     description: <Translation id="page-upgrades-vision-desc-2" />,
   },
-  {
-    emoji: ":high_voltage_sign:",
-    title: <Translation id="page-upgrades-vision-title-3" />,
-    description: <Translation id="page-upgrades-vision-desc-3" />,
-  },
 ]
 
 const VisionPage = ({
@@ -192,7 +192,7 @@ const VisionPage = ({
         <CenterH2>
           <Translation id="page-upgrades-vision-problems" />
         </CenterH2>
-        <CardContainer>
+        <ProblemCardContainer>
           {paths.map((path, idx) => (
             <CentreCard
               key={idx}
@@ -201,7 +201,7 @@ const VisionPage = ({
               description={path.description}
             />
           ))}
-        </CardContainer>
+        </ProblemCardContainer>
       </Content>
       <TrilemmaContent>
         <Trilemma />