Fascinated/scoresaber-reloaded-v2
1
2
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

fix navbar on mobile

Browse Source
This commit is contained in:
Lee 2023-11-05 13:29:34 +00:00
parent 606e129429
commit 65cfe58557
1 changed files with 17 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/Footer.tsx
View File

@ -22,7 +22,7 @@ export default function Footer() {
return ( return (
<footer className="p-3"> <footer className="p-3">
<Card className="mb-2 mt-2 flex flex-col items-center justify-center gap-1 !pb-1 !pt-0"> <Card className="mb-2 mt-2 flex flex-col items-center justify-center gap-1 !pb-1 !pt-0">
<div className="flex flex-row gap-3"> <div className="flex flex-col items-center gap-1 md:flex-row md:items-start md:gap-3">
<a <a
className="transform-gpu transition-all hover:text-blue-500" className="transform-gpu transition-all hover:text-blue-500"
href="https://git.fascinated.cc/Fascinated/scoresaber-reloaded-v2" href="https://git.fascinated.cc/Fascinated/scoresaber-reloaded-v2"
@ -30,22 +30,23 @@ export default function Footer() {
{ssrSettings.siteName} {ssrSettings.siteName}
</a> </a>
{buttons.map((button, index) => { <div className="flex divide-x divide-solid divide-neutral-500">
return ( {buttons.map((button, index) => {
<div return (
key={index} <div
className="flex flex-row items-center justify-center gap-3" key={index}
> className="flex flex-row items-center justify-center gap-3 pl-2 pr-2"
<div className="h-4 w-[1px] bg-neutral-100"></div>
<a
href={button.url}
className="transform-gpu transition-all hover:text-blue-500"
> >
{button.name} <a
</a> href={button.url}
</div> className="transform-gpu transition-all hover:text-blue-500"
); >
})} {button.name}
</a>
</div>
);
})}
</div>
</div> </div>
<div className="text-sm text-gray-400">Build ID: {buildId}</div> <div className="text-sm text-gray-400">Build ID: {buildId}</div>