System-End/site
1
0
Fork 0
mirror of https://github.com/System-End/site.git synced 2026-04-19 18:35:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixing card padding + order of issues in a chronological order

Browse source
This commit is contained in:
Toby Brown 2023-10-21 21:33:54 +01:00
parent 9a72215732
commit 6b36d2fc01
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/index/cards/mailing-list.js
View file

@ -29,7 +29,7 @@ const Loading = () => (
></Box>
)
const MailingList = ({ html }) => {
const MailingList = () => {
const [submitting, setSubmitting] = useState(false)
const [submitted, setSubmitted] = useState(false)
const [data, setData] = useState({ finalHtml: [], names: [] })
@ -211,7 +211,7 @@ const MailingList = ({ html }) => {
link={data.names[index]}
key={index}
/>
))}
)).reverse()}
</Box>
</Flex>
</Card>

5
components/mail-card.js
View file

@ -2,8 +2,8 @@ import { Box, Card, Link, Text } from "theme-ui";
// todo: increase padding on mobile
export default function MailCard({ body, issue, date, link }) {
body = body.length > 120 ? body.substring(0, 120) + "..." : body;
export default function MailCard({ body, date, link }) {
body = body.length > 130 ? body.substring(0, 130) + "..." : body;
return (
<Card
variant="interactive"
@ -39,6 +39,7 @@ export default function MailCard({ body, issue, date, link }) {
placeItems: "center",
display: "grid",
height: "100%",
paddingY: [3, 4, 0],
}}
>
<Box sx={{ px: [3, 4] }}>