brandon/uiowaATR
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

improve mobile UX

Browse Source
This commit is contained in:
Brandon Egger 2023-04-10 20:06:32 -05:00
parent 93e0d09c83
commit 3262b17616
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Footer.tsx
View File

@ -74,7 +74,7 @@ const FooterLabeledSection = ({title, children}: {
children: JSX.Element[] | JSX.Element, children: JSX.Element[] | JSX.Element,
}) => { }) => {
return ( return (
<div className="flex flex-col px-8"> <div className="flex flex-col px-2 sm:px-8">
<h1 className="font-bold text-xl text-neutral-400">{title}</h1> <h1 className="font-bold text-xl text-neutral-400">{title}</h1>
{children} {children}
</div> </div>
@ -100,7 +100,7 @@ const Footer: NextPage = () => {
</div> </div>
{/** Header and tabs */} {/** Header and tabs */}
<div className="flex flex-row text-neutral-200 px-4 divide-x divide-neutral-500"> <div className="flex flex-row text-neutral-200 sm:px-4 divide-x divide-neutral-500">
<FooterLabeledSection title="Quick Links"> <FooterLabeledSection title="Quick Links">
<div className="flex flex-col pt-4 space-y-2"> <div className="flex flex-col pt-4 space-y-2">
{links.map((quickLink, index) => { {links.map((quickLink, index) => {