Buttons for adjusting font, fix font selector outline

This commit is contained in:
Jackson Harper
2023-03-03 20:15:40 +08:00
parent 98db742c97
commit c1284839ec

View File

@ -94,7 +94,7 @@ function FontControls(props: FontControlsProps): JSX.Element {
alignItems: 'center',
fontSize: '12px',
background: '$thBackground',
border: '1px sold $thBorderColor',
border: '1px solid $thBorderColor',
fontFamily: props.readerSettings.fontFamily,
textTransform: 'capitalize',
borderRadius: '4px',
@ -142,13 +142,7 @@ function FontControls(props: FontControlsProps): JSX.Element {
style="plainIcon"
css={{ py: '0px', width: '60px' }}
onClick={() => {
// props.readerSettings.actionHandler('de')
// props.readerSettings
// const newMarginWith = Math.max(
// props.readerSettings.marginWidth - 45,
// 200
// )
// props.readerSettings.setMarginWidth(newMarginWith)
props.readerSettings.actionHandler('decrementFontSize')
}}
>
<SpanBox
@ -179,13 +173,7 @@ function FontControls(props: FontControlsProps): JSX.Element {
style="plainIcon"
css={{ py: '0px', width: '60px' }}
onClick={() => {
// props.readerSettings.actionHandler('de')
// props.readerSettings
// const newMarginWith = Math.max(
// props.readerSettings.marginWidth - 45,
// 200
// )
// props.readerSettings.setMarginWidth(newMarginWith)
props.readerSettings.actionHandler('incrementFontSize')
}}
>
<SpanBox