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) => (
src/app/components/dropDownList.tsx
+2 -2
View File
@@ -43,7 +43,7 @@ export default function DropDownList({ children, value, callBack }: DropDownList
onClick={() => {
setIsOpen(!isOpen)
}}
className="flex items-center justify-between w-full px-4 py-2 text-sm font-medium bg-white border-2 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#6365f186]"
className="flex items-center justify-between w-full px-4 py-2 text-sm font-medium bg-white border-2 border-[#d1cece] rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#6365f186]"
>
<span className="flex items-center">
<span className="mr-2">
@@ -64,7 +64,7 @@ export default function DropDownList({ children, value, callBack }: DropDownList
</svg>
</button>
{isOpen && (
<div className="absolute right-0 z-10 w-full mt-2 origin-top-right bg-white rounded-md shadow-lg border-2 focus:outline-none">
<div className="absolute right-0 z-10 w-full mt-2 origin-top-right bg-white rounded-md shadow-lg border-2 border-[#d1cece] focus:outline-none">
<ul
className="py-1"
role="listbox"
src/app/components/tanstakTable.tsx
+42 -40
View File
@@ -427,48 +427,50 @@ export default function TanstakFilesTable() {
</div>
{/* Таблица */}
<div className="overflow-x-auto rounded-lg shadow">
<table className="min-w-full divide-y divide-gray-200">
<thead className="bg-gray-50">
{table.getHeaderGroups().map(headerGroup => (
<tr key={headerGroup.id}>
{headerGroup.headers.map(header => (
<th
key={header.id}
className="px-6 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider"
>
{header.isPlaceholder
? null
: typeof header.column.columnDef.header === 'function'
? header.column.columnDef.header(header.getContext())
: header.column.columnDef.header as string}
</th>
))}
</tr>
))}
</thead>
<tbody className="bg-white divide-y divide-gray-200">
{table.getRowModel().rows.length > 0 ? (
table.getRowModel().rows.map(row => (
<tr key={row.id} className="hover:bg-gray-50 transition-colors">
{row.getVisibleCells().map(cell => (
<td key={cell.id} className="px-6 py-4 whitespace-nowrap">
{typeof cell.column.columnDef.cell === 'function'
? cell.column.columnDef.cell(cell.getContext())
: cell.getValue() as string}
</td>
<div className='w-full tanstak-file-table'>
<div className="overflow-x-auto rounded-lg shadow">
<table className=" divide-y divide-gray-200 table-fixed md:table-auto w-full">
<thead className="bg-gray-50">
{table.getHeaderGroups().map(headerGroup => (
<tr key={headerGroup.id}>
{headerGroup.headers.map(header => (
<th
key={header.id}
className="px-6 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider whitespace-nowrap"
>
{header.isPlaceholder
? null
: typeof header.column.columnDef.header === 'function'
? header.column.columnDef.header(header.getContext())
: header.column.columnDef.header as string}
</th>
))}
</tr>
))
) : (
<tr>
<td colSpan={columns.length} className="px-6 py-8 text-center text-gray-500">
{t('no-data-for-selected-filters')}
</td>
</tr>
)}
</tbody>
</table>
))}
</thead>
<tbody className="bg-white divide-y divide-gray-200">
{table.getRowModel().rows.length > 0 ? (
table.getRowModel().rows.map(row => (
<tr key={row.id} className="hover:bg-gray-50 transition-colors">
{row.getVisibleCells().map(cell => (
<td key={cell.id} className="px-6 py-4 whitespace-nowrap">
{typeof cell.column.columnDef.cell === 'function'
? cell.column.columnDef.cell(cell.getContext())
: cell.getValue() as string}
</td>
))}
</tr>
))
) : (
<tr>
<td colSpan={columns.length} className="px-6 py-8 text-center text-gray-500">
{t('no-data-for-selected-filters')}
</td>
</tr>
)}
</tbody>
</table>
</div>
</div>
{/* Пагинация */}