trafficlunar/tomodachi-share
1
0
Fork 0
mirror of https://github.com/trafficlunar/tomodachi-share.git synced 2026-03-28 11:13:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: responsiveness for discord button + countdown

Browse source
This commit is contained in:
trafficlunar 2026-02-01 13:17:41 +00:00
parent 43a70567a4
commit 6d19988306
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/page.tsx
View file

@ -57,7 +57,7 @@ export default async function Page({ searchParams }: Props) {
<h1 className="sr-only">{tags ? `Miis tagged with '${tags}' - TomodachiShare` : "TomodachiShare - index mii list"}</h1> <h1 className="sr-only">{tags ? `Miis tagged with '${tags}' - TomodachiShare` : "TomodachiShare - index mii list"}</h1>
{(!page || page === "1") && ( {(!page || page === "1") && (
<div className="flex justify-center gap-2 mb-2"> <div className="flex items-center justify-center gap-2 mb-2 max-sm:flex-col">
<a <a
href="https://discord.gg/48cXBFKvWQ" href="https://discord.gg/48cXBFKvWQ"
className="bg-amber-50 border-2 border-amber-500 rounded-2xl shadow-lg px-4 py-2.5 flex justify-center items-center gap-4 w-fit" className="bg-amber-50 border-2 border-amber-500 rounded-2xl shadow-lg px-4 py-2.5 flex justify-center items-center gap-4 w-fit"

6
src/components/countdown.tsx
View file

@ -34,10 +34,10 @@ export default function Countdown() {
}, []); }, []);
return ( return (
<div className="bg-amber-50 border-2 border-amber-500 rounded-2xl shadow-lg px-4 py-2.5 flex justify-center items-center gap-8 w-fit"> <div className="bg-amber-50 border-2 border-amber-500 rounded-2xl shadow-lg px-4 py-2.5 flex justify-center items-center gap-8 w-fit max-sm:max-w-72 max-sm:w-full max-sm:flex-col max-sm:gap-2">
<div className="flex flex-col"> <div className="flex flex-col max-sm:items-center">
<h1 className="text-xl font-bold">Living the Dream</h1> <h1 className="text-xl font-bold">Living the Dream</h1>
<h2 className="text-right text-sm">releases in:</h2> <h2 className="text-right text-sm max-sm:text-center">releases in:</h2>
</div> </div>
<div className="flex gap-4"> <div className="flex gap-4">