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

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

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