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
key={header.id}
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={{
paddingRight: enableSorting && header.column.getCanSort() ? '0px' : '2px',
textAlign: 'start',
width: header.getSize(),
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() {
// prettier-ignore
return (
<div className='dense'>
<h1>Библиотека схем</h1>
<p>В библиотеке собраны концептуальные схемы, эксплицированные в родоструктурном аппарате</p>
<p>используемые при концептуального проектирования систем организационного управления</p>
<li>Фильтрация с помощью инструментов в верхней части страницы</li>
<li>Сортировка по клику на заголовок таблицы</li>
<li>Ctrl + клик по строке откроет схему в новой вкладке</li>
<h2>Отображение статусов</h2>
<p>- <IconPublic className='inline-icon'/> <b>общедоступная</b> отображает схему всем пользователям</p>
<p>- <IconImmutable className='inline-icon'/> <b>неизменная</b> выделяет стандартные схемы</p>
</div>);
<div>
<h1>Библиотека схем</h1>
<p>В библиотеке собраны концептуальные схемы, эксплицированные в родоструктурном аппарате</p>
<h2>Интерфейс</h2>
<li>Ctrl + клик по строке откроет схему в новой вкладке</li>
<li>
<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;