match interest graph width to activity grid

This commit is contained in:
Gabe Farrell 2026-01-15 20:17:30 -05:00
parent b16b160f20
commit 900d72d3a3

View file

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