fix(charts): standardize margin calculation for Safari on Mac

MatinDehghanian · MatinDehghanian · commit cbd32db67fc0 · 2025-10-11T15:41:15.000+03:30
diff --git a/dashboard/src/components/charts/AllNodesStackedBarChart.tsx b/dashboard/src/components/charts/AllNodesStackedBarChart.tsx
@@ -551,7 +551,7 @@ export function AllNodesStackedBarChart() {
               config={chartConfig}
               className="max-h-[400px] min-h-[200px] w-full"
               style={{
-                marginBottom: navigator.userAgent.includes('Safari') && navigator.platform.includes('Mac') ? `${window.innerWidth * 0.13 + window.innerWidth / 20}px` : '0',
+                marginBottom: navigator.userAgent.includes('Safari') && navigator.platform.includes('Mac') ? `${0.18 * window.innerWidth}px` : '0',
               }}
             >
               {chartData && chartData.length > 0 ? (
diff --git a/dashboard/src/components/charts/CostumeBarChart.tsx b/dashboard/src/components/charts/CostumeBarChart.tsx
@@ -355,7 +355,7 @@ export function CostumeBarChart({ nodeId }: CostumeBarChartProps) {
               config={chartConfig}
               className="max-h-[300px] min-h-[150px] w-full overflow-x-auto sm:max-h-[400px] sm:min-h-[200px]"
               style={{
-                marginBottom: navigator.userAgent.includes('Safari') && navigator.platform.includes('Mac') ? `${window.innerWidth * 0.13 + window.innerWidth / 20}px` : '0',
+                marginBottom: navigator.userAgent.includes('Safari') && navigator.platform.includes('Mac') ? `${0.18 * window.innerWidth}px` : '0',
               }}
             >
               {chartData && chartData.length > 0 ? (

Original file line number	Diff line number	Diff line change
`@@ -551,7 +551,7 @@ export function AllNodesStackedBarChart() {`
`551`	`551`	`config={chartConfig}`
`552`	`552`	`className="max-h-[400px] min-h-[200px] w-full"`
`553`	`553`	`style={{`
`554`		- marginBottom: navigator.userAgent.includes('Safari') && navigator.platform.includes('Mac') ? `${window.innerWidth * 0.13 + window.innerWidth / 20}px` : '0',
	`554`	+ marginBottom: navigator.userAgent.includes('Safari') && navigator.platform.includes('Mac') ? `${0.18 * window.innerWidth}px` : '0',
`555`	`555`	`}}`
`556`	`556`	`>`
`557`	`557`	`{chartData && chartData.length > 0 ? (`
Original file line number	Diff line number	Diff line change
`@@ -355,7 +355,7 @@ export function CostumeBarChart({ nodeId }: CostumeBarChartProps) {`
`355`	`355`	`config={chartConfig}`
`356`	`356`	`className="max-h-[300px] min-h-[150px] w-full overflow-x-auto sm:max-h-[400px] sm:min-h-[200px]"`
`357`	`357`	`style={{`
`358`		- marginBottom: navigator.userAgent.includes('Safari') && navigator.platform.includes('Mac') ? `${window.innerWidth * 0.13 + window.innerWidth / 20}px` : '0',
	`358`	+ marginBottom: navigator.userAgent.includes('Safari') && navigator.platform.includes('Mac') ? `${0.18 * window.innerWidth}px` : '0',
`359`	`359`	`}}`
`360`	`360`	`>`
`361`	`361`	`{chartData && chartData.length > 0 ? (`