еще стилей

This commit is contained in:
Никита Потапов 2024-01-08 12:24:42 +04:00
parent d5cb78d07f
commit d41423568e
5 changed files with 25 additions and 6 deletions

View File

@ -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
} }
] ]
} }

View File

@ -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",

View File

@ -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>

View File

@ -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);

View File

@ -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>