main

src/features/dashboard/components/dashboard-bar-chart-section/BarChartSection.js

@@ -101,7 +101,8 @@ export const BarChartSection = ({ boxStats }) => {
   return (
     <Box
       sx={{
-        width: "100%",
+        flex: { xs: "1 1 100%", md: "1 1 25%" },
+        minWidth: { xs: "100%", sm: 300 },
         borderRadius: 2,
         border: "1px solid",
         borderColor: "divider",
@@ -111,13 +112,12 @@ export const BarChartSection = ({ boxStats }) => {
         flexDirection: "column",
         boxSizing: "border-box",
         overflow: "hidden",
-        maxHeight: "fit-content",
       }}
     >
       <Typography
-        variant="subtitle1"
-        color="text.primary"
-        sx={{ mb: 2, fontWeight: 600, fontSize: "1rem" }}
+        variant="h6"
+        color="primary.main"
+        sx={{ mb: 2 }}
         textAlign="left"
       >
         گزارش انبار کشتارگاه