Max/docs theme tweaks (#6480)

* Simplified landing page card layout, centered text, switched to raw
layout on index page for theming flexibility.

* Tweak theme
This commit is contained in:
mfahampshire
2026-02-25 10:05:20 +00:00
committed by GitHub
parent 5e733a5ebf
commit 98149dde87
6 changed files with 73 additions and 49 deletions
+26 -42
View File
@@ -51,8 +51,8 @@ export const LandingPage = () => {
};
return (
<Box margin={"0 auto"}>
<Typography variant="h2" mb={6}>
<Box margin={"0 auto"} textAlign="center">
{/*<Typography variant="h2" mb={6}>
Nym Docs
</Typography>
@@ -62,70 +62,54 @@ export const LandingPage = () => {
using blinded, re-randomizable, decentralized credentials. Our goal is
to allow developers to build new applications, or upgrade existing apps,
with privacy features unavailable in other systems.
</Typography>
<Grid container border={"1px solid #262626"}>
</Typography>*/}
<Grid container border={"1px solid #2E3538"}>
{squares.map((square, index) => (
<Grid
item
key={index}
xs={12}
lg={6}
sm={6}
padding={{ xs: 3, xl: 4 }}
width={"100%"}
sx={{
borderBottom: {
xs: index < 3 ? "1px solid #262626" : "none",
lg: index === 0 || index === 1 ? "1px solid #262626" : "none",
xs: index < 3 ? "1px solid #2E3538" : "none",
sm: index === 0 || index === 1 ? "1px solid #2E3538" : "none",
},
borderRight: {
md: index === 0 || index === 2 ? "1px solid #262626" : "none",
xs: "none",
sm: index === 0 || index === 2 ? "1px solid #2E3538" : "none",
},
}}
>
<Link href={square.href} target="_blank" rel="noopener noreferrer">
<Link href={square.href}>
<Box
display={"flex"}
gap={{ xs: 3, xl: 4 }}
height={"100%"}
flexDirection={{ xs: "column", sm: "row" }}
alignItems={{ xs: "center" }}
flexDirection="column"
alignItems="center"
>
<Typography variant="h5" sx={{ fontWeight: 600 }}>
{square.text}
</Typography>
<Typography
variant="body1"
textAlign="center"
sx={{
color: "#909195",
}}
>
{square.description}
</Typography>
<Image
src={square.icon}
alt={square.text}
width={isDesktop ? 180 : isTablet ? 140 : 180}
height={isDesktop ? 134 : isTablet ? 90 : 134}
/>
<Box
display={"flex"}
flexDirection={"column"}
justifyContent={"space-between"}
alignItems={{ xs: "center", sm: "flex-start" }}
flexGrow={1}
height={"100%"}
>
<Typography variant="h5" sx={{ fontWeight: 600 }}>
{square.text}
</Typography>
<Typography
variant="body1"
textAlign={{ xs: "center", sm: "left" }}
sx={{
color: "#909195",
display: {
lg: "none",
xl: "block",
},
}}
>
{square.description}
</Typography>
<Typography sx={{ color: "#14E76F", fontWeight: 600 }}>
Open
</Typography>
</Box>
</Box>
</Link>
</Grid>
@@ -1 +1 @@
Monday, February 23rd 2026, 22:45:55 UTC
Tuesday, February 24th 2026, 10:08:37 UTC