From c4905082523a7ba100d1e315b23c889095a7d660 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Mon, 11 Aug 2025 23:28:35 -0400 Subject: [PATCH 1/2] fix: reduce animated gif size to 2/3 in empty states Reduces animation size from 100% to 66.67% width for better visual balance --- client/src/Components/Fallback/FallbackBackground.jsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/client/src/Components/Fallback/FallbackBackground.jsx b/client/src/Components/Fallback/FallbackBackground.jsx index 8767837dc..632432327 100644 --- a/client/src/Components/Fallback/FallbackBackground.jsx +++ b/client/src/Components/Fallback/FallbackBackground.jsx @@ -19,7 +19,10 @@ const FallbackBackground = () => { zIndex: 1, border: "none", borderRadius: theme.spacing(8), - width: "100%", + width: "66.67%", // 2/3 of original size + maxWidth: "66.67%", + display: "block", + objectFit: "contain", }} /> Date: Tue, 12 Aug 2025 11:03:46 -0400 Subject: [PATCH 2/2] fix: use transform scale instead of width for better border radius preservation --- client/src/Components/Fallback/FallbackBackground.jsx | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/client/src/Components/Fallback/FallbackBackground.jsx b/client/src/Components/Fallback/FallbackBackground.jsx index 632432327..00ecafb4e 100644 --- a/client/src/Components/Fallback/FallbackBackground.jsx +++ b/client/src/Components/Fallback/FallbackBackground.jsx @@ -19,10 +19,8 @@ const FallbackBackground = () => { zIndex: 1, border: "none", borderRadius: theme.spacing(8), - width: "66.67%", // 2/3 of original size - maxWidth: "66.67%", - display: "block", - objectFit: "contain", + width: "100%", + transform: "scale(0.6667)", }} />