Fascinated/scoresaber-reloadedv3
Archived
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Activity

FIX THE PLAYER CHART RESIZING YESSSSSSSSSSSSSSSSSSSSSSSSSSSSS
Some checks failed
Deploy / deploy (push) Failing after 2m36s
Details

Browse Source
This commit is contained in:
Lee 2024-09-30 15:30:18 +01:00
parent 3e91c5d98a
commit d847f17f39
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/layout.tsx
View File

@ -69,9 +69,7 @@ export default function RootLayout({
}>) {
return (
<html lang="en">
<body
className={`${siteFont.className} antialiased w-full h-full relative`}
>
<body className={`${siteFont.className} antialiased w-full h-full`}>
<DatabaseLoader>
<Toaster />
<BackgroundImage />

7
src/components/player/player-rank-chart.tsx
View File

@ -16,6 +16,7 @@ import { Line } from "react-chartjs-2";
import ScoreSaberPlayer from "@/common/model/player/impl/scoresaber-player";
import { getDaysAgo, parseDate } from "@/common/time-utils";
import { useIsMobile } from "@/hooks/use-is-mobile";
import { useEffect } from "react";
Chart.register(
LinearScale,
@ -276,7 +277,7 @@ export default function PlayerRankChart({ player }: Props) {
const options: any = {
maintainAspectRatio: false,
aspectRatio: 1,
responsive: true,
interaction: {
mode: "index",
intersect: false,
@ -314,9 +315,9 @@ export default function PlayerRankChart({ player }: Props) {
};
return (
<div className="h-96">
<div className="block h-[320px] w-full relative">
<Line
className="w-fit"
className="max-w-[100%]"
options={options}
data={data}
plugins={[