Merge branch 'frontend-fix-accountsummary-spacing' into release-v4.46.0

BitBoxSwiss · Nov 14, 2024 · f2d9df9 · f2d9df9
2 parents 91e4ed7 + 05396ae
commit f2d9df9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontends/web/src/routes/account/summary/chart.module.css b/frontends/web/src/routes/account/summary/chart.module.css
@@ -37,7 +37,7 @@
   margin: var(--spacing-half) 0 0 0;
 }
 
-@media (max-width: 640px){
+@media (max-width: 768px){
   .chart{
     margin-bottom: var(--spacing-default);
   }

diff --git a/frontends/web/src/routes/account/summary/chart.tsx b/frontends/web/src/routes/account/summary/chart.tsx
@@ -149,7 +149,7 @@ export const Chart = ({
   const [source, setSource] = useState<'daily' | 'hourly'>(chartDisplay === 'week' ? 'hourly' : 'daily');
   const [difference, setDifference] = useState<number>();
   const [diffSince, setDiffSince] = useState<string>();
-  const [isMobile, setIsMobile] = useState(window.innerWidth <= 640);
+  const [isMobile, setIsMobile] = useState(window.innerWidth <= 768);
   const [tooltipData, setTooltipData] = useState<{
     toolTipVisible: boolean;
     toolTipValue?: string;
@@ -227,7 +227,7 @@ export const Chart = ({
   }, [chart, chartDisplay]);
 
   const onResize = useCallback(() => {
-    const isMobile = window.innerWidth <= 640;
+    const isMobile = window.innerWidth <= 768;
     setIsMobile(isMobile);
     if (!chart.current || !ref.current) {
       return;