/
kisl0t
/
ALEXFULL
Обзор
Документация
Войти
/
kisl0t
/
ALEXFULL
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
src/components/Layout/Layout.jsx
24 строки
624 B
Murik0-0
Первый коммит
16 июн 2026, 16:30
16 июн 2026, 16:30
08e7596
Код
Авторство
О чём код?
import { useState } from 'react'; import { Outlet } from 'react-router-dom'; import Sidebar from './Sidebar'; import Footer from './Footer'; function Layout() { const [isSidebarOpen, setIsSidebarOpen] = useState(true); return ( <div className="min-h-screen bg-darkBg text-white"> <Sidebar isOpen={isSidebarOpen} onToggle={() => setIsSidebarOpen(!isSidebarOpen)} /> <main className={`transition-all duration-300 ${isSidebarOpen ? 'ml-64' : 'ml-0'}`}> <div className="p-8"> <Outlet /> </div> </main> <Footer /> </div> ); } export default Layout;