Files
componentsPC/frontend/src/components/Layout.jsx

27 lines
915 B
JavaScript

// src/components/Layout.jsx
import { Link } from 'react-router-dom';
export default function Layout({ children }) {
return (
<div style={{ display: 'flex', minHeight: '100vh' }}>
{/* Боковое меню */}
<aside style={{ width: 200, background: '#f4f4f4', padding: '1rem' }}>
<h3>Меню</h3>
<nav>
<ul style={{ listStyle: 'none', padding: 0 }}>
<li><Link to="/builds">Сборки</Link></li>
<li><Link to="/builds/new">Новая сборка</Link></li>
<li><Link to="/ai">ИИ подбор</Link></li>
<li><Link to="/login">Вход</Link></li>
<li><Link to="/register">Регистрация</Link></li>
</ul>
</nav>
</aside>
{/* Основной контент */}
<main style={{ flex: 1, padding: '1rem' }}>
{children}
</main>
</div>
);
}