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