gabehf/Koito
1
0
Fork 0
mirror of https://github.com/gabehf/Koito.git synced 2026-03-07 21:48:18 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: improved mobile ui for rewind (#133)

Browse source
This commit is contained in:
Gabe Farrell 2026-01-13 11:13:54 -05:00 • committed by GitHub
parent 6e7b4e0522
commit c2a0987946
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 64 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

14
client/app/routes/RewindPage.tsx
View file

@ -128,15 +128,13 @@ export default function RewindPage() {
transition: "1000", transition: "1000",
}} }}
> >
<div className="flex flex-col items-start md:flex-row sm:items-center gap-4"> <div className="flex flex-col items-start sm:items-center gap-4">
<title>{pgTitle}</title> <title>{pgTitle}</title>
<meta property="og:title" content={pgTitle} /> <meta property="og:title" content={pgTitle} />
<meta name="description" content={pgTitle} /> <meta name="description" content={pgTitle} />
<div className="flex flex-col items-start mt-20 gap-10 w-19/20 px-20"> <div className="flex flex-col lg:flex-row items-start lg:mt-15 mt-5 gap-10 w-19/20 px-5 md:px-20">
{stats !== undefined && ( <div className="flex flex-col items-start gap-4">
<Rewind stats={stats} includeTime={showTime} /> <div className="flex flex-col items-start gap-4 py-8">
)}
<div className="flex flex-col items-center gap-4 py-8">
<div className="flex items-center gap-6 justify-around"> <div className="flex items-center gap-6 justify-around">
<button <button
onClick={() => navigateMonth("prev")} onClick={() => navigateMonth("prev")}
@ -197,6 +195,10 @@ export default function RewindPage() {
></input> ></input>
</div> </div>
</div> </div>
{stats !== undefined && (
<Rewind stats={stats} includeTime={showTime} />
)}
</div>
</div> </div>
</div> </div>
); );