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

fixed table of contents on light theme

Browse source 
added taglist flex direction
added missing space above title
This commit is contained in:
Kim, Jimin 2021-08-03 15:48:54 +09:00
parent a110179f8e
commit adbc6501fd
1 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -218,14 +218,14 @@ export default class Page extends React.Component<PageProps, PageState> {
nextURL={this.state.seriesData?.next || null} nextURL={this.state.seriesData?.next || null}
/> />
) : ( ) : (
<></> <br />
)} )}
<StyledTitle> <StyledTitle>
{this.state.fetchedPage.title} {this.state.fetchedPage.title}
</StyledTitle> </StyledTitle>
{/* Post tags */} {/* Post tags */}
<small> <small>
<TagList> <TagList direction="left">
{this.state.fetchedPage.tags ? ( {this.state.fetchedPage.tags ? (
this.state.fetchedPage.tags.map((tag) => { this.state.fetchedPage.tags.map((tag) => {
return ( return (
@ -252,9 +252,10 @@ export default class Page extends React.Component<PageProps, PageState> {
{/* Horizontal Separator */} {/* Horizontal Separator */}
<hr /> <hr />
{ {
// add toc if it exists
this.state.fetchedPage.toc && ( this.state.fetchedPage.toc && (
<> <>
<div className="card"> <div>
<strong>Table of Content:</strong> <strong>Table of Content:</strong>
<div <div
className="link-color" className="link-color"
@ -267,7 +268,7 @@ export default class Page extends React.Component<PageProps, PageState> {
</div> </div>
<hr /> <hr />
</> </>
) // add toc if it exists )
} }
<div <div
className="link-color" className="link-color"