feat(SW-184): added menu buttons and my pages menu
This commit is contained in:
11
components/Header/MainMenu/MenuButton/index.tsx
Normal file
11
components/Header/MainMenu/MenuButton/index.tsx
Normal file
@@ -0,0 +1,11 @@
|
||||
import styles from "./menuButton.module.css"
|
||||
|
||||
export default function MenuButton({
|
||||
className,
|
||||
...props
|
||||
}: React.ButtonHTMLAttributes<HTMLButtonElement>) {
|
||||
const classNames = className
|
||||
? `${styles.menuButton} ${className}`
|
||||
: styles.menuButton
|
||||
return <button type="button" className={classNames} {...props} />
|
||||
}
|
||||
13
components/Header/MainMenu/MenuButton/menuButton.module.css
Normal file
13
components/Header/MainMenu/MenuButton/menuButton.module.css
Normal file
@@ -0,0 +1,13 @@
|
||||
.menuButton {
|
||||
display: flex;
|
||||
gap: var(--Spacing-x1);
|
||||
align-items: center;
|
||||
background-color: transparent;
|
||||
color: var(--Base-Text-High-contrast);
|
||||
border-width: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
font-family: var(--typography-Body-Bold-fontFamily);
|
||||
font-weight: var(--typography-Body-Bold-fontWeight);
|
||||
font-size: var(--typography-Body-Bold-fontSize);
|
||||
}
|
||||
Reference in New Issue
Block a user