christianV/Craze-Data-check
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/Craze-Data-check.git synced 2026-08-03 15:45:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(dashboard): enable scroll on small screens in Control Dashboard

Browse Source 
Removed h-full and overflow-auto from the root grid div. h-full was
constraining the grid to the viewport height, causing CSS grid to
shrink rows to fit instead of overflowing. Parent <main> already has
overflow-auto, so removing the height constraint lets content expand
naturally and scroll correctly on small screens.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Christian Vidal Wolf
2026-05-26 09:51:23 +02:00
co-authored by Claude Sonnet 4.6
parent 5537fea03e
commit c64ce84e44
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ControlDashboardView.tsx
+1 -1
View File
@@ -382,7 +382,7 @@ export function ControlDashboardView({
const historicalCosmeticSnapshot = dashboardSnapshots[getDaysAgoKey(7)]?.cosmeticItems; const historicalCosmeticSnapshot = dashboardSnapshots[getDaysAgoKey(7)]?.cosmeticItems;
return ( return (
<div className="grid h-full gap-4 overflow-auto xl:grid-cols-2"> <div className="grid gap-4 xl:grid-cols-2">
<div className="xl:col-span-2 flex items-center justify-between gap-4 rounded-3xl border border-slate-700/60 bg-slate-900/80 px-4 py-3.5 shadow-xl"> <div className="xl:col-span-2 flex items-center justify-between gap-4 rounded-3xl border border-slate-700/60 bg-slate-900/80 px-4 py-3.5 shadow-xl">
<div> <div>
<div className="flex items-center gap-2 text-slate-300"> <div className="flex items-center gap-2 text-slate-300">