dklarkowski/knur-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
Dominik Klarkowski
2026-06-22 15:19:38 +02:00
parent 763321ec68
commit 4b3373869b
34 changed files with 268 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/volume-chart.tsx
View File

@@ -13,15 +13,15 @@ export function VolumeChart({ data }: VolumeChartProps) {
if (!mounted) {
return (
<div className="w-full rounded-lg border border-muted/40 bg-surface p-4">
<div className="mb-2 h-4 w-56 animate-pulse rounded bg-muted/30" />
<div className="h-[180px] animate-pulse rounded bg-muted/20" />
<div className="w-full rounded-2xl border border-white/10 bg-surface/55 shadow-lg shadow-black/10 backdrop-blur-md p-4">
<div className="mb-2 h-4 w-56 animate-pulse rounded bg-white/10" />
<div className="h-[180px] animate-pulse rounded bg-white/5" />
</div>
);
}
return (
<div className="w-full rounded-lg border border-muted/40 bg-surface p-4">
<div className="w-full rounded-2xl border border-white/10 bg-surface/55 shadow-lg shadow-black/10 backdrop-blur-md p-4">
<div className="mb-2 text-sm text-fg/60">Wolumen treningowy (ciężar × powtórzenia)</div>
<ResponsiveContainer width="100%" height={180}>
<BarChart data={data} margin={{ top: 8, right: 8, left: 0, bottom: 0 }}>
@@ -30,9 +30,9 @@ export function VolumeChart({ data }: VolumeChartProps) {
<Tooltip
cursor={{ fill: "var(--color-bg)" }}
contentStyle={{
background: "var(--color-bg)",
border: "1px solid var(--color-muted)",
borderRadius: 8,
background: "color-mix(in oklab, var(--color-surface) 92%, transparent)",
border: "1px solid rgba(255,255,255,0.12)",
borderRadius: 12,
fontSize: 12,
color: "var(--color-fg)",
}}