Merge pull request 'feat: обновить отображение задач и элементы интерфейса' (#122) from task-list-layout-and-actions-ru into test

Reviewed-on: #122

web/src/components/RealtimeTable/SettingPanel/SettingPanel.jsx

@@ -194,7 +194,7 @@ const SettingPanel = ({
 									</IconButton>
 								</Tooltip>
 								{/* проверяем на 4 форму */}
-								{formType === FORM_TYPE_OPTIONS[3] && (
+								{formType === FORM_TYPE_OPTIONS[2] && (
 									<>
 										<Tooltip title='Добавить программу'>
 											<IconButton onClick={onAddProgram} variant='outlined' sx={controlSx}>

web/src/components/common/TaskCardComponent.jsx

@@ -13,7 +13,7 @@ import Modal from './Modal/Modal';
 import { CheckBoxCheckSvg, CheckBoxUncheckSvg, DateIcon, UserIcon } from './icons/icons';
 
 const TaskCard = styled.div`
-  width: 26.8rem;
+  width: ${({ $fluidWidth }) => ($fluidWidth ? 'calc((100% - 2.25rem) / 4)' : '26.8rem')};
   min-height: 10rem;
   display: flex;
   padding: 1rem;
@@ -32,6 +32,18 @@ const TaskCard = styled.div`
   cursor: pointer;
   position: relative;
 
+  @media (max-width: 1200px) {
+    width: ${({ $fluidWidth }) => ($fluidWidth ? 'calc((100% - 1.5rem) / 3)' : '26.8rem')};
+  }
+
+  @media (max-width: 900px) {
+    width: ${({ $fluidWidth }) => ($fluidWidth ? 'calc((100% - 0.75rem) / 2)' : '26.8rem')};
+  }
+
+  @media (max-width: 600px) {
+    width: ${({ $fluidWidth }) => ($fluidWidth ? '100%' : '26.8rem')};
+  }
+
   &:hover {
     transform: translateY(-5px);
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
@@ -73,6 +85,7 @@ const TaskTitle = styled.div`
 export const TaskCardComponent = ({
 	taskForm,
 	isForm = false,
+	fluidWidth = false,
 	exportMode = false,
 	isLoadingFile = false,
 	onAddForExport,
@@ -158,6 +171,7 @@ export const TaskCardComponent = ({
 	return (
 		<>
 			<TaskCard
+				$fluidWidth={fluidWidth}
 				onClick={(event) => {
 					if (exportMode) {
 						handleCheckboxClick(event);

web/src/pages/AdminPanel/SppsPage/SspTable.jsx

@@ -178,6 +178,13 @@ const SspDataTable = ({
 				enableRowActions={true}
 				renderRowActions={renderRowActions}
 				positionActionsColumn='last'
+				tableOptions={{
+					displayColumnDefOptions: {
+						'mrt-row-actions': {
+							header: 'Действия',
+						},
+					},
+				}}
 				initialState={initialState}
 				enableSorting={false}
 				enableColumnFilters={false}

web/src/pages/TasksPage/TasksPage.jsx

@@ -223,11 +223,12 @@ export default function TasksPage() {
 					totalCount={totalCount}
 					page={page}
 					limit={limit}
+					maxHeight='none'
 					onPageChange={handlePageChange}
 					onLimitChange={handleLimitChange}
 					entityName='задач'
 					emptyMessage='Задачи не найдены'
-					renderItem={(task, exportProps) => <TaskCardComponent key={task.id} taskForm={task} {...exportProps} />}
+					renderItem={(task, exportProps) => <TaskCardComponent key={task.id} taskForm={task} fluidWidth {...exportProps} />}
 					getItemId={(task) => task.id}
 					getItemTitle={(task) =>
 						task.title ||