SoapboxConfig: expand input widths
This commit is contained in:
parent
db08a27657
commit
ab7e123c96
3 changed files with 6 additions and 0 deletions
|
@ -24,12 +24,14 @@ const PromoPanelInput: StreamfieldComponent<FooterItem> = ({ value, onChange })
|
|||
<HStack space={2} grow>
|
||||
<Input
|
||||
type='text'
|
||||
outerClassName='w-full flex-grow'
|
||||
placeholder={intl.formatMessage(messages.label)}
|
||||
value={value.title}
|
||||
onChange={handleChange('title')}
|
||||
/>
|
||||
<Input
|
||||
type='text'
|
||||
outerClassName='w-full flex-grow'
|
||||
placeholder={intl.formatMessage(messages.url)}
|
||||
value={value.url}
|
||||
onChange={handleChange('url')}
|
||||
|
|
|
@ -36,12 +36,14 @@ const PromoPanelInput: StreamfieldComponent<PromoPanelItem> = ({ value, onChange
|
|||
|
||||
<Input
|
||||
type='text'
|
||||
outerClassName='w-full flex-grow'
|
||||
placeholder={intl.formatMessage(messages.label)}
|
||||
value={value.text}
|
||||
onChange={handleChange('text')}
|
||||
/>
|
||||
<Input
|
||||
type='text'
|
||||
outerClassName='w-full flex-grow'
|
||||
placeholder={intl.formatMessage(messages.url)}
|
||||
value={value.url}
|
||||
onChange={handleChange('url')}
|
||||
|
|
|
@ -194,12 +194,14 @@ const SoapboxConfig: React.FC = () => {
|
|||
value={soapbox.brandColor}
|
||||
onChange={handleColorChange(['brandColor'], (color) => color.hex)}
|
||||
/>
|
||||
|
||||
<ColorWithPicker
|
||||
buttonId='accent_color'
|
||||
label={<FormattedMessage id='soapbox_config.fields.accent_color_label' defaultMessage='Accent color' />}
|
||||
value={soapbox.accentColor}
|
||||
onChange={handleColorChange(['accentColor'], (color) => color.hex)}
|
||||
/>
|
||||
|
||||
<div className='input with_label toggle'>
|
||||
<div className='label_input'>
|
||||
<label><FormattedMessage id='soapbox_config.fields.theme_label' defaultMessage='Default theme' /></label>
|
||||
|
|
Loading…
Reference in a new issue