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

fix: a couple ui fixes (#147)

Browse source 
* fix: reduce loading component width

* improve theme selector for mobile

* match interest graph width to activity grid
This commit is contained in:
Gabe Farrell 2026-01-15 20:21:05 -05:00 • committed by GitHub
parent 1eb1cd0fd5
commit aa7fddd518
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 43 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

6
client/app/components/InterestGraph.tsx
View file

@ -48,14 +48,14 @@ export default function InterestGraph({
if (isPending) {
return (
<div className="w-[500px]">
<div className="w-[350px] sm:w-[500px]">
<h3>Interest over time</h3>
<p>Loading...</p>
</div>
);
} else if (isError) {
return (
<div className="w-[500px]">
<div className="w-[350px] sm:w-[500px]">
<h3>Interest over time</h3>
<p className="error">Error: {error.message}</p>
</div>
@ -67,7 +67,7 @@ export default function InterestGraph({
// so I think I just have to remove it for now.
return (
<div className="flex flex-col items-start w-full max-w-[500px]">
<div className="flex flex-col items-start w-full max-w-[335px] sm:max-w-[500px]">
<h3>Interest over time</h3>
<AreaChart
style={{