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

increased toc button area

Browse source
This commit is contained in:
Kim, Jimin 2021-08-10 12:50:12 +09:00
parent b23aa7263d
commit a833c6fe5e
1 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
source/src/pages/Page.tsx
View file

@ -75,7 +75,10 @@ const StyledDisabledLink = styled.div`
const StyledTocToggleButton = styled.button`
border: none;
text-align: left;
background-color: rgba(0, 0, 0, 0);
width: 100%;
padding: 0.5rem;
color: ${(props) =>
theming.theme(props.theme.currentTheme, {
light: "black",
@ -297,7 +300,6 @@ export default class Page extends React.Component<PageProps, PageState> {
<hr />
<strong>Table of Content </strong>
<StyledTocToggleButton
onClick={() => {
this.setState({
@ -305,6 +307,7 @@ export default class Page extends React.Component<PageProps, PageState> {
})
}}
>
<strong>Table of Content </strong>
{this.state.isTocOpened ? (
<FontAwesomeIcon icon={faCaretUp} />
) : (