/
lizardking
/
react_project
Обзор
Документация
Войти
/
lizardking
/
react_project
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/app/Layout.tsx
31 строка
1 KB
LizardKing
Task 9 - React 19
14 ноя 2025, 20:35
14 ноя 2025, 20:35
86e4531
Код
Авторство
О чём код?
import { Link, Outlet } from 'react-router-dom' export function Layout() { const navLink = 'px-2 py-1 rounded-[--radius-md] ' + 'text-muted hover:text-fg hover:bg-elevated focus:outline-none focus:ring-2 focus:ring-accent' return ( <div className="bg-bg text-fg antialiased min-h-screen flex flex-col"> <header className="border-b border-border"> <div className="w-full max-w-screen-2xl mx-auto flex items-center justify-between p-4 md:p-6 gap-4"> <nav className="flex gap-2 md:gap-3 text-sm"> <Link className={navLink} to="/">Главная</Link> <Link className={navLink} to="/portal">Portal</Link> <Link className={navLink} to="/react19">React 19</Link> <Link className={navLink} to="/login">Вход</Link> <Link className={navLink} to="/register">Регистрация</Link> <Link className={navLink} to="/tasks">Задачи</Link> <Link className={navLink} to="/ref">UseRef</Link> <Link className={navLink} to="/profile">Профиль</Link> </nav> <div className="text-muted text-xs md:text-sm">Test FSD react project</div> </div> </header> <main className="w-full max-w-screen-2xl mx-auto p-4 md:p-6"> <Outlet /> </main> </div> ) }