frontdev/no-copy-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update translate and styles

Browse Source
This commit is contained in:
smanylov
2025-12-16 20:26:17 +07:00
parent c9784bf18f
commit 169d0d33a0
12 changed files with 171 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/StackedBarChart.tsx
+5 -4
View File
@@ -32,7 +32,7 @@ export const StackedBarChart = ({ data }: Files) => {
const mainColors = ['#0088FE20', '#00C49F20', '#FFBB2820', '#FF804220', '#FF000020', '#FFC0CB20'];
const secondColors = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042', 'red', 'pink'];
const strokeColor = "#fff";
const strokeColor = "#bfbdbdd1";
const strokeWidth = 1;
const renderBarWithPartialBorder = (props: BarShapeProps) => {
@@ -163,7 +163,7 @@ export const StackedBarChart = ({ data }: Files) => {
return (
<BarChart
style={{ width: '100%', maxWidth: '700px', maxHeight: '210px', aspectRatio: 1.618 }}
style={{ width: '100%', maxWidth: '400px', maxHeight: '210px', aspectRatio: 1.618 }}
responsive
data={editedData}
margin={{
@@ -177,12 +177,13 @@ export const StackedBarChart = ({ data }: Files) => {
<XAxis
dataKey="name"
stroke="#fff"
fontSize={12}
axisLine={false}
/>
<Bar
dataKey="checks"
stackId="a"
label={{ position: 'top', fill: '#fff' }}
label={{ position: 'top', fill: '#fff', fontSize: 12 }}
shape={renderBarWithPartialBorder as any}
>
{data.map((_entry, index) => (
@@ -192,7 +193,7 @@ export const StackedBarChart = ({ data }: Files) => {
<Bar
dataKey="violations"
stackId="a"
label={{ position: 'top', fill: '#fff' }}
label={{ position: 'top', fill: '#fff', fontSize: 12 }}
shape={renderBarWithTopBorder as any}
>
{data.map((_entry, index) => (