small changes to the font-size component

This commit is contained in:
Víctor Losada Hernández
2026-09-25 16:40:33 +02:00
parent e02eebcc4a
commit a1d817648b
@@ -38,7 +38,7 @@ const SettingsEditor = ({ settings, updateSettings = ()=>{}, EditorThemeNameList
}; };
return ( return (
<div className='settingsEditor ui-editor'> <div className='settingsEditor uiEditor'>
<h1>Editor Settings</h1> <h1>Editor Settings</h1>
<div className='field'> <div className='field'>
@@ -119,17 +119,23 @@ const SettingsEditor = ({ settings, updateSettings = ()=>{}, EditorThemeNameList
</label> </label>
<div className='value'> <div className='value'>
<small style={{ fontSize: `${settings.fontSize || 1}em` }}>from 6.5px to 26px</small> <small style={{ fontSize: `${settings.fontSize || 1}em` }}>from 7px to 26px</small>
<input <input
id='fontSize' id='fontSize'
type='range' type='range'
min={.6} min={.5}
step={.1} step={.1}
max={2} max={2}
list='font-sizes'
name='fontSize' name='fontSize'
value={settings.fontSize} title={`${Math.round(settings.fontSize * 13)}px`}
value={settings.fontSize || 1}
onChange={(e)=>handleFieldChange('fontSize', e)} onChange={(e)=>handleFieldChange('fontSize', e)}
/> />
<datalist id='font-sizes'>
<option value='1' />
</datalist>
</div> </div>
</div> </div>
</div> </div>