Use chakra provided list element

This commit is contained in:
regalijan 2023-10-19 16:50:28 -04:00
parent 02c16c7168
commit a062e9be06
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520

View File

@ -1,4 +1,4 @@
import { Container, Heading, Link, Text } from "@chakra-ui/react"; import { Container, Heading, Link, ListItem, Text, UnorderedList } from "@chakra-ui/react";
export default function () { export default function () {
return ( return (
@ -18,23 +18,21 @@ export default function () {
</Text> </Text>
<br /> <br />
<Heading pt="16px">Customer Support</Heading> <Heading pt="16px">Customer Support</Heading>
<Text> <UnorderedList px="8px">
<ul> <ListItem>
<li> Discord:{" "}
Discord:{" "} <Link color="#646cff" href="https://discord.com/invite/carcrushers">
<Link color="#646cff" href="https://discord.com/invite/carcrushers"> Join the server
Join the server </Link>{" "}
</Link>{" "} and open a ticket with ModMail.
and open a ticket with ModMail. </ListItem>
</li> <ListItem>
<li> Forum:{" "}
Forum:{" "} <Link color="#646cff" href="https://ccdiscussion.com/">
<Link color="#646cff" href="https://ccdiscussion.com/"> Make a post on our forum.
Make a post on our forum. </Link>
</Link> </ListItem>
</li> </UnorderedList>
</ul>
</Text>
<br /> <br />
<Heading pt="16px">Company Information</Heading> <Heading pt="16px">Company Information</Heading>
<Text> <Text>