feat: improve structure and error handling
This commit is contained in:
16
components/Header/Hamburger/hamburger.module.css
Normal file
16
components/Header/Hamburger/hamburger.module.css
Normal file
@@ -0,0 +1,16 @@
|
||||
.hamburger {
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.line {
|
||||
background-color: var(--some-black-color, #1c1b1f);
|
||||
border-radius: 0.8rem;
|
||||
height: 0.2rem;
|
||||
width: 2.5rem;
|
||||
}
|
||||
11
components/Header/Hamburger/index.tsx
Normal file
11
components/Header/Hamburger/index.tsx
Normal file
@@ -0,0 +1,11 @@
|
||||
import styles from "./hamburger.module.css"
|
||||
|
||||
export default function Hamburger() {
|
||||
return (
|
||||
<button className={styles.hamburger} type="button">
|
||||
<div className={styles.line} />
|
||||
<div className={styles.line} />
|
||||
<div className={styles.line} />
|
||||
</button>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user