Compare commits
No commits in common. "80d7f405db1a730e5c66badd4293ad41dd87cfe2" and "ac7c5be419b04b6b3b7907f585e3ef516fa935ad" have entirely different histories.
80d7f405db
...
ac7c5be419
@ -1,22 +0,0 @@
|
|||||||
|
|
||||||
import styles from './style.module.scss';
|
|
||||||
import logo from '../../img/headerImg/OgettoLogo.png';
|
|
||||||
import { useNavigate } from "react-router-dom";
|
|
||||||
|
|
||||||
const Header = () => {
|
|
||||||
const navigate = useNavigate();
|
|
||||||
const handleHome = () => {
|
|
||||||
navigate('/');
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className={styles.header__container}>
|
|
||||||
<header className={styles.header}>
|
|
||||||
<div className={styles.header__logo} onClick={handleHome} ><img onClick={handleHome} src={logo} alt="logo"></img></div>
|
|
||||||
<button className={styles.header__button}>Вход</button>
|
|
||||||
</header>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
|
|
||||||
}
|
|
||||||
export default Header;
|
|
@ -1,37 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
.header {
|
|
||||||
height: 75px;
|
|
||||||
width: 80%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
&__container {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: 100%;
|
|
||||||
height: 150px;
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
left: 0px;
|
|
||||||
}
|
|
||||||
&__logo {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
&__button {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
border-radius: 100px;
|
|
||||||
background: #FFED00;
|
|
||||||
width: 200px;
|
|
||||||
height: 42px;
|
|
||||||
color: #000;
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 25px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
}
|
|
Binary file not shown.
Before Width: | Height: | Size: 760 B |
Loading…
x
Reference in New Issue
Block a user