ns.potapov/IP_PIbd-21_Potapov_Frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Косметические правки

Browse Source
This commit is contained in:
Никита Потапов 2023-12-15 14:57:35 +04:00
parent 1e0a05314a
commit a6c48a9fe7
5 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@ -4,6 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="favicon.svg" type="image/svg+xml" />
<title>Неконтакте</title>
</head>
<body>
<div id="root" class="min-vh-100 d-flex flex-column"></div>

3
src/components/chatrow/chatrow.css
View File

@ -0,0 +1,3 @@
.people-row:hover {
background-color: var(--hover-background-color);
}

5
src/components/leftmenu/leftmenu.css
View File

@ -4,8 +4,11 @@
.left-menu-item {
transition: .1s;
border-style: solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0);
}
.left-menu-item:hover {
background-color: #e8e8e8;
background-color: var(--hover-background-color);
}

2
src/components/leftmenu/leftmenu.jsx
View File

@ -11,7 +11,7 @@ const LeftMenu = ({ routes }) => {
>
{
routes.map((route) =>
<Link to={route.path} key={route.path} className="left-menu-item d-flex flex-row align-items-center rounded-2 py-1 px-2">
<Link to={route.path} key={route.path} className="left-menu-item d-flex flex-row align-items-center rounded-2 py-1 px-2" title={route.title}>
{route.menuIcon}
<span className="ms-2 d-none d-lg-block">{route.title}</span>
</Link>)

2
src/index.css
View File

@ -26,6 +26,7 @@
--light-font-color: var(--color-black);
--alternative-font-color: var(--color-black);
--alternative-backgrond-color: var(--light-background-color);
--hover-background-color: rgba(0, 0, 0, 0.05);
}
* {
@ -50,5 +51,6 @@ a {
--dark-font-color: var(--color-white);
--alternative-font-color: var(--color-gray);
--alternative-backgrond-color: var(--color-black);
--hover-background-color: rgba(255, 255, 255, 0.05);
}
}