loan/expert-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

LFFE-10 responsive debug

Browse Source
This commit is contained in:
Mohammad Jalali
2023-11-18 11:07:24 +03:30
parent 1f7d078594
commit 2e823e7ade
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/dashboard/reports/LoanDistribution/PieChart.jsx
View File

@@ -1,10 +1,11 @@
import Chart from "@/core/components/Chart"; import Chart from "@/core/components/Chart";
import {useTheme} from "@mui/material/styles"; import {useTheme} from "@mui/material/styles";
import {useMediaQuery} from "@mui/material";
const Pie = ({data}) => { const Pie = ({data}) => {
const theme = useTheme(); const theme = useTheme();
const windowsWidth = window.innerWidth; const upperSm = useMediaQuery((theme.breakpoints.up("sm")))
const specialOption = { const specialOption = {
title: { title: {
text: undefined, text: undefined,
@@ -21,7 +22,7 @@ const Pie = ({data}) => {
}, },
}, },
legend: { legend: {
show: windowsWidth > theme.breakpoints.values.sm show: upperSm
} }
}; };
const series = data.map((item) => +item.percentage) const series = data.map((item) => +item.percentage)

5
src/components/dashboard/reports/LoanDistribution/PolarChart.jsx
View File

@@ -1,9 +1,10 @@
import Chart from "@/core/components/Chart"; import Chart from "@/core/components/Chart";
import {useTheme} from "@mui/material/styles"; import {useTheme} from "@mui/material/styles";
import {useMediaQuery} from "@mui/material";
const PolarChart = ({data}) => { const PolarChart = ({data}) => {
const theme = useTheme(); const theme = useTheme();
const windowsWidth = window.innerWidth; const upperSm = useMediaQuery((theme.breakpoints.up("sm")))
const specialOption = { const specialOption = {
title: { title: {
text: undefined, text: undefined,
@@ -28,7 +29,7 @@ const PolarChart = ({data}) => {
}, },
}, },
legend: { legend: {
show: windowsWidth > theme.breakpoints.values.sm show: upperSm
} }
}; };
const series = data.map((item) => +item.percentage) const series = data.map((item) => +item.percentage)