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