pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

fix sidebar toggle button not showing

Browse source
This commit is contained in:
Kim, Jimin 2022-12-15 20:24:50 +09:00
parent 7b7be55499
commit 020552ef88
1 changed files with 5 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

15
apps/blog/src/components/Sidebar/Sidebar.tsx
View file

@ -9,12 +9,10 @@ import { faEllipsisV, faTimes } from "@fortawesome/free-solid-svg-icons"
import SubMenu from "./SubMenu"
import NavbarData from "../../data/NavbarData"
import HeaderButton from "../Header/HeaderButton"
import { HeaderButtonCSS } from "../Header/HeaderButton"
const CommonSidebarToggleButtonStyle = css`
${HeaderButton}
width: 1.5rem;
text-align: center;
const SidebarOpenButton = styled.div`
${HeaderButtonCSS}
@media only screen and (min-width: ${({ theme }) =>
theme.theme.maxDisplayWidth.mobile}) {
@ -22,13 +20,8 @@ const CommonSidebarToggleButtonStyle = css`
}
`
const SidebarOpenButton = styled.div`
${CommonSidebarToggleButtonStyle}
`
const SidebarCloseButton = styled.div`
${CommonSidebarToggleButtonStyle}
width: 90%;
${HeaderButtonCSS}
height: 4rem;
font-size: 1.1rem;