@@ -27,6 +27,12 @@ const styles: Styles = {
|
|||||||
transform: 'rotate(45deg)',
|
transform: 'rotate(45deg)',
|
||||||
cursor: 'pointer',
|
cursor: 'pointer',
|
||||||
},
|
},
|
||||||
|
headers: {
|
||||||
|
WebkitMarginStart: 0,
|
||||||
|
WebkitMarginEnd: 0,
|
||||||
|
fontWeight: 'bold',
|
||||||
|
display: 'block',
|
||||||
|
},
|
||||||
h1: {
|
h1: {
|
||||||
fontSize: '1.8em',
|
fontSize: '1.8em',
|
||||||
},
|
},
|
||||||
@@ -52,16 +58,7 @@ export class AnchorTitle extends React.Component<AnchorTitleProps, AnchorTitleSt
|
|||||||
opacity = this.state.isHovering ? 0.6 : 1;
|
opacity = this.state.isHovering ? 0.6 : 1;
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<div
|
<div className="relative flex" style={{ ...styles[this.props.headerSize], ...styles.headers }}>
|
||||||
className="relative flex"
|
|
||||||
style={{
|
|
||||||
...styles[this.props.headerSize],
|
|
||||||
fontWeight: 'bold',
|
|
||||||
display: 'block',
|
|
||||||
WebkitMarginStart: 0,
|
|
||||||
WebkitMarginEnd: 0,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div className="inline-block" style={{ paddingRight: 4 }}>
|
<div className="inline-block" style={{ paddingRight: 4 }}>
|
||||||
{this.props.title}
|
{this.props.title}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user