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

7
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,13 +30,13 @@ export default function Footer() {
{ssrSettings.siteName} {ssrSettings.siteName}
</a> </a>
<div className="flex divide-x divide-solid divide-neutral-500">
{buttons.map((button, index) => { {buttons.map((button, index) => {
return ( return (
<div <div
key={index} key={index}
className="flex flex-row items-center justify-center gap-3" 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 <a
href={button.url} href={button.url}
className="transform-gpu transition-all hover:text-blue-500" className="transform-gpu transition-all hover:text-blue-500"
@ -47,6 +47,7 @@ export default function Footer() {
); );
})} })}
</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>
</Card> </Card>