fix(other): recap mobile fixes

elmadev · Jan 2, 2025 · 570468d · 570468d
1 parent 18e3409
commit 570468d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/src/components/Chart.jsx b/src/components/Chart.jsx
@@ -90,6 +90,9 @@ export const ChartCon = styled.div`
   height: 400px;
   width: 600px;
   z-index: 1;
+  @media (max-width: 599px) {
+    width: 100%;
+  }
 `;
 
 export const WideChartCon = styled.div`

diff --git a/src/pages/recap/OverTime.jsx b/src/pages/recap/OverTime.jsx
@@ -270,7 +270,7 @@ const charts = [
   {
     type: 'line',
     fields: ['AveragePlayedDuration'],
-    name: 'Palyed battle duration',
+    name: 'Played battle duration',
     func: int,
     isPersonal: true,
   },

diff --git a/src/pages/recap/index.jsx b/src/pages/recap/index.jsx
@@ -636,6 +636,8 @@ export const Img = styled.img`
   z-index: 0;
   margin-top: auto;
   margin-bottom: auto;
+  max-width: 100%;
+  object-fit: cover;
   ${p => p.top && 'top: 0;'}
   ${p => p.bottom && 'bottom: 0;'}
   ${p => p.opacity && 'opacity: 0.8;'}