gabehf/Koito
1
0
Fork 0
mirror of https://github.com/gabehf/Koito.git synced 2026-04-22 12:01:52 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: improved ui for rewind

Browse source
This commit is contained in:
Gabe Farrell 2026-01-13 11:09:48 -05:00
parent 6e7b4e0522
commit d34fd2959d
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>
); );