Reduce backups chart mobile padding

This commit is contained in:
rcourtman 2025-10-27 20:04:32 +00:00
parent a8e90e1e0e
commit a3cd7ba7b8

View file

@ -1493,7 +1493,7 @@ const UnifiedBackups: Component = () => {
</div> </div>
</div> </div>
</div> </div>
<div class="relative min-h-[14rem] sm:min-h-[12rem] bg-gray-100 dark:bg-gray-800 rounded overflow-hidden"> <div class="relative min-h-[8rem] sm:min-h-[12rem] bg-gray-100 dark:bg-gray-800 rounded overflow-hidden">
<Show <Show
when={chartData().data.length > 0} when={chartData().data.length > 0}
fallback={ fallback={
@ -1541,7 +1541,7 @@ const UnifiedBackups: Component = () => {
if (rect.width === 0 || rect.height === 0) return; if (rect.width === 0 || rect.height === 0) return;
const margin = { top: 10, right: 10, bottom: 30, left: 30 }; const margin = { top: 10, right: 10, bottom: 30, left: 30 };
const width = rect.width - margin.left - margin.right; const width = Math.max(rect.width - margin.left - margin.right, 1);
const height = 128 - margin.top - margin.bottom; const height = 128 - margin.top - margin.bottom;
el.setAttribute('viewBox', `0 0 ${rect.width} 128`); el.setAttribute('viewBox', `0 0 ${rect.width} 128`);