еще стилей
This commit is contained in:
parent
d5cb78d07f
commit
d41423568e
12
data.json
12
data.json
@ -11,6 +11,18 @@
|
|||||||
"password": "123456",
|
"password": "123456",
|
||||||
"isAdmin": true,
|
"isAdmin": true,
|
||||||
"status": null
|
"status": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 2,
|
||||||
|
"name": "Алексей",
|
||||||
|
"surname": "Мальков",
|
||||||
|
"birthday": "12.05.2000",
|
||||||
|
"city": "г. Москва",
|
||||||
|
"avatarImg": null,
|
||||||
|
"username": "amalkov",
|
||||||
|
"password": "123456",
|
||||||
|
"isAdmin": false,
|
||||||
|
"status": null
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
@ -4,9 +4,9 @@
|
|||||||
"version": "0.0.0",
|
"version": "0.0.0",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"start": "vite",
|
"front": "vite",
|
||||||
"fake-server": "json-server -p 8081 -w data.json",
|
"back": "json-server -p 8081 -w data.json",
|
||||||
"dev": "npm-run-all --parallel start fake-server",
|
"dev": "npm-run-all --parallel front back",
|
||||||
"serve": "http-server -p 80 ./dist/",
|
"serve": "http-server -p 80 ./dist/",
|
||||||
"build": "vite build",
|
"build": "vite build",
|
||||||
"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
|
"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
|
||||||
|
@ -8,6 +8,9 @@ const Header = ({ routes }) => {
|
|||||||
const location = useLocation();
|
const location = useLocation();
|
||||||
const indexPageLink = routes.filter((route) => route.index === false).shift();
|
const indexPageLink = routes.filter((route) => route.index === false).shift();
|
||||||
const currentPage = routes.filter((route) => route.path === location.pathname)[0];
|
const currentPage = routes.filter((route) => route.path === location.pathname)[0];
|
||||||
|
|
||||||
|
document.title = currentPage.title;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<header className='sticky-top'>
|
<header className='sticky-top'>
|
||||||
<Navbar>
|
<Navbar>
|
||||||
|
@ -19,6 +19,10 @@
|
|||||||
fill: black;
|
fill: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.headerusermenu__dropdownitem:hover span {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
.headerusermenu__dropdown .dropdown-toggle {
|
.headerusermenu__dropdown .dropdown-toggle {
|
||||||
--bs-btn-bg: var(--light-background-color);
|
--bs-btn-bg: var(--light-background-color);
|
||||||
|
@ -36,13 +36,13 @@ const HeaderUserMenu = () => {
|
|||||||
</Dropdown.Toggle>
|
</Dropdown.Toggle>
|
||||||
<Dropdown.Menu className='dropdown-menu-end'>
|
<Dropdown.Menu className='dropdown-menu-end'>
|
||||||
<Dropdown.Item href='#' className='headerusermenu__dropdownitem d-flex align-items-center d-sm-none'>
|
<Dropdown.Item href='#' className='headerusermenu__dropdownitem d-flex align-items-center d-sm-none'>
|
||||||
<Person className='me-2' />Моя страница
|
<Person className='me-2' /><span>Моя страница</span>
|
||||||
</Dropdown.Item>
|
</Dropdown.Item>
|
||||||
<Dropdown.Item href='#' className='headerusermenu__dropdownitem d-flex align-items-center'>
|
<Dropdown.Item href='#' className='headerusermenu__dropdownitem d-flex align-items-center'>
|
||||||
<Gear className='me-2' />Настройки
|
<Gear className='me-2' /><span>Настройки</span>
|
||||||
</Dropdown.Item>
|
</Dropdown.Item>
|
||||||
<Dropdown.Item href='#' className='headerusermenu__dropdownitem d-flex align-items-center'>
|
<Dropdown.Item href='#' className='headerusermenu__dropdownitem d-flex align-items-center'>
|
||||||
<BoxArrowRight className='me-2' />Выход
|
<BoxArrowRight className='me-2' /><span>Выход</span>
|
||||||
</Dropdown.Item>
|
</Dropdown.Item>
|
||||||
</Dropdown.Menu>
|
</Dropdown.Menu>
|
||||||
</Dropdown>
|
</Dropdown>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user