Improve LibraryHelp

This commit is contained in:
IRBorisov 2024-06-04 12:12:55 +03:00
parent 3a746a211c
commit 2ead8e3a4a
2 changed files with 24 additions and 15 deletions

View File

@ -37,8 +37,9 @@ function TableHeader<TData>({
<th <th
key={header.id} key={header.id}
colSpan={header.colSpan} colSpan={header.colSpan}
className='px-2 py-2 text-xs font-medium select-none whitespace-nowrap' className='pl-2 py-2 text-xs font-medium select-none whitespace-nowrap'
style={{ style={{
paddingRight: enableSorting && header.column.getCanSort() ? '0px' : '2px',
textAlign: 'start', textAlign: 'start',
width: header.getSize(), width: header.getSize(),
cursor: enableSorting && header.column.getCanSort() ? 'pointer' : 'auto' cursor: enableSorting && header.column.getCanSort() ? 'pointer' : 'auto'

View File

@ -1,20 +1,28 @@
import { IconImmutable, IconPublic } from '../../../components/Icons'; import { IconFolder, IconSearch, IconShow, IconSortAsc, IconSortDesc } from '@/components/Icons';
function HelpLibrary() { function HelpLibrary() {
// prettier-ignore
return ( return (
<div className='dense'> <div>
<h1>Библиотека схем</h1> <h1>Библиотека схем</h1>
<p>В библиотеке собраны концептуальные схемы, эксплицированные в родоструктурном аппарате</p> <p>В библиотеке собраны концептуальные схемы, эксплицированные в родоструктурном аппарате</p>
<p>используемые при концептуального проектирования систем организационного управления</p>
<li>Фильтрация с помощью инструментов в верхней части страницы</li>
<li>Сортировка по клику на заголовок таблицы</li>
<li>Ctrl + клик по строке откроет схему в новой вкладке</li>
<h2>Отображение статусов</h2> <h2>Интерфейс</h2>
<p>- <IconPublic className='inline-icon'/> <b>общедоступная</b> отображает схему всем пользователям</p> <li>Ctrl + клик по строке откроет схему в новой вкладке</li>
<p>- <IconImmutable className='inline-icon'/> <b>неизменная</b> выделяет стандартные схемы</p> <li>
</div>); <IconShow size='1rem' className='inline-icon' /> фильтры атрибутов применяются по клику
</li>
<li>
<IconSortAsc size='1rem' className='inline-icon' />
<IconSortDesc size='1rem' className='inline-icon' /> сортировка по клику на заголовок таблицы
</li>
<li>
<IconSearch size='1rem' className='inline-icon' /> фильтр по названию и шифру
</li>
<li>
<IconFolder size='1rem' className='inline-icon' /> фильтр по расположению
</li>
</div>
);
} }
export default HelpLibrary; export default HelpLibrary;