fix(dashboard): Werte ueber dem hoechsten Balken nicht mehr abgeschnitten
Der Scroll-Container des Verlaufs (overflow-x-auto) schneidet auch oben ab. Die Zahl ueber dem hoechsten Balken und die oberste Achsenbeschriftung ragten darueber hinaus und waren nur halb zu sehen. Innenabstand oben schafft Platz. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 5
parent
6724d0ab65
commit
87ca52a34b
@@ -164,7 +164,12 @@ export const SeriesChart: React.FC<{ points: SeriesPoint[] }> = ({ points }) =>
|
|||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div ref={scrollRef} className="scrollbar-slim overflow-x-auto">
|
{/*
|
||||||
|
Oben Luft lassen: ein Container mit overflow-x schneidet auch senkrecht
|
||||||
|
ab, und sowohl die Zahl ueber dem hoechsten Balken als auch die oberste
|
||||||
|
Achsenbeschriftung ragen ueber die Diagrammflaeche hinaus.
|
||||||
|
*/}
|
||||||
|
<div ref={scrollRef} className="scrollbar-slim overflow-x-auto pt-6">
|
||||||
<div className="flex" style={{ minWidth: `${Math.max(520, points.length * 46)}px` }}>
|
<div className="flex" style={{ minWidth: `${Math.max(520, points.length * 46)}px` }}>
|
||||||
{/* Werteachse */}
|
{/* Werteachse */}
|
||||||
<div className="relative w-10 shrink-0" style={{ height: '260px' }}>
|
<div className="relative w-10 shrink-0" style={{ height: '260px' }}>
|
||||||
|
|||||||
Reference in New Issue
Block a user