bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

SoapboxConfig: expand input widths

Browse source
This commit is contained in:
Alex Gleason 2022-05-05 18:19:53 -05:00
parent db08a27657
commit ab7e123c96
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
3 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/soapbox/features/soapbox_config/components/footer-link-input.tsx
View file

@ -24,12 +24,14 @@ const PromoPanelInput: StreamfieldComponent<FooterItem> = ({ value, onChange })
<HStack space={2} grow> <HStack space={2} grow>
<Input <Input
type='text' type='text'
outerClassName='w-full flex-grow'
placeholder={intl.formatMessage(messages.label)} placeholder={intl.formatMessage(messages.label)}
value={value.title} value={value.title}
onChange={handleChange('title')} onChange={handleChange('title')}
/> />
<Input <Input
type='text' type='text'
outerClassName='w-full flex-grow'
placeholder={intl.formatMessage(messages.url)} placeholder={intl.formatMessage(messages.url)}
value={value.url} value={value.url}
onChange={handleChange('url')} onChange={handleChange('url')}

2
app/soapbox/features/soapbox_config/components/promo-panel-input.tsx
View file

@ -36,12 +36,14 @@ const PromoPanelInput: StreamfieldComponent<PromoPanelItem> = ({ value, onChange
<Input <Input
type='text' type='text'
outerClassName='w-full flex-grow'
placeholder={intl.formatMessage(messages.label)} placeholder={intl.formatMessage(messages.label)}
value={value.text} value={value.text}
onChange={handleChange('text')} onChange={handleChange('text')}
/> />
<Input <Input
type='text' type='text'
outerClassName='w-full flex-grow'
placeholder={intl.formatMessage(messages.url)} placeholder={intl.formatMessage(messages.url)}
value={value.url} value={value.url}
onChange={handleChange('url')} onChange={handleChange('url')}

2
app/soapbox/features/soapbox_config/index.tsx
View file

@ -194,12 +194,14 @@ const SoapboxConfig: React.FC = () => {
value={soapbox.brandColor} value={soapbox.brandColor}
onChange={handleColorChange(['brandColor'], (color) => color.hex)} onChange={handleColorChange(['brandColor'], (color) => color.hex)}
/> />
<ColorWithPicker <ColorWithPicker
buttonId='accent_color' buttonId='accent_color'
label={<FormattedMessage id='soapbox_config.fields.accent_color_label' defaultMessage='Accent color' />} label={<FormattedMessage id='soapbox_config.fields.accent_color_label' defaultMessage='Accent color' />}
value={soapbox.accentColor} value={soapbox.accentColor}
onChange={handleColorChange(['accentColor'], (color) => color.hex)} onChange={handleColorChange(['accentColor'], (color) => color.hex)}
/> />
<div className='input with_label toggle'> <div className='input with_label toggle'>
<div className='label_input'> <div className='label_input'>
<label><FormattedMessage id='soapbox_config.fields.theme_label' defaultMessage='Default theme' /></label> <label><FormattedMessage id='soapbox_config.fields.theme_label' defaultMessage='Default theme' /></label>