/
PashigorevAY
/
TestFastAPI
Обзор
Документация
Войти
/
PashigorevAY
/
TestFastAPI
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
frontend/src/components/Directories.tsx
40 строк
2 KB
Pashigorev
Material You design system
05 июл 2026, 22:21
05 июл 2026, 22:21
b0f6bb0
Код
Авторство
О чём код?
interface DirectoriesProps { onSelectPeople: () => void; onSelectStatuses: () => void; onBack: () => void; } export function Directories({ onSelectPeople, onSelectStatuses, onBack }: DirectoriesProps) { return ( <div style={{ padding: '32px' }}> <div style={{ marginBottom: '32px', display: 'flex', alignItems: 'center', gap: '16px' }}> <button onClick={onBack} className="outlined">← Назад</button> <h2 style={{ fontSize: '32px', fontWeight: 400, letterSpacing: '0' }}>Справочники</h2> </div> <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 1fr))', gap: '24px' }}> <div onClick={onSelectPeople} className="card" style={{ cursor: 'pointer', }} > <div style={{ fontSize: '48px', marginBottom: '16px' }}>👥</div> <h3 style={{ fontSize: '22px', fontWeight: 500, marginBottom: '8px', letterSpacing: '0' }}>Люди</h3> <p style={{ fontSize: '14px', color: 'var(--md-sys-color-on-surface-variant)', letterSpacing: '0.25px' }}>Управление справочником людей</p> </div> <div onClick={onSelectStatuses} className="card" style={{ cursor: 'pointer', }} > <div style={{ fontSize: '48px', marginBottom: '16px' }}>📊</div> <h3 style={{ fontSize: '22px', fontWeight: 500, marginBottom: '8px', letterSpacing: '0' }}>Статусы</h3> <p style={{ fontSize: '14px', color: 'var(--md-sys-color-on-surface-variant)', letterSpacing: '0.25px' }}>Управление справочником статусов</p> </div> </div> </div> ); }