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

ThemeEditor: improve layout, improve color of slider

Browse source
This commit is contained in:
Alex Gleason 2022-12-17 21:25:20 -06:00
parent b71bb3966a
commit 34ebe9bd57
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/soapbox/components/ui/slider/slider.tsx
View file

@ -57,7 +57,7 @@ const Slider: React.FC<ISlider> = ({ value, onChange }) => {
onMouseDown={handleMouseDown} onMouseDown={handleMouseDown}
ref={node} ref={node}
> >
<div className='w-full h-1 bg-white/30 absolute top-1/2 -translate-y-1/2 rounded-full' /> <div className='w-full h-1 bg-primary-200 dark:bg-primary-700 absolute top-1/2 -translate-y-1/2 rounded-full' />
<div className='h-1 bg-accent-500 absolute top-1/2 -translate-y-1/2 rounded-full' style={{ width: `${value * 100}%` }} /> <div className='h-1 bg-accent-500 absolute top-1/2 -translate-y-1/2 rounded-full' style={{ width: `${value * 100}%` }} />
<span <span
className='bg-accent-500 absolute rounded-full w-3 h-3 -ml-1.5 top-1/2 -translate-y-1/2 z-10 shadow' className='bg-accent-500 absolute rounded-full w-3 h-3 -ml-1.5 top-1/2 -translate-y-1/2 z-10 shadow'

2
app/soapbox/features/theme-editor/index.tsx
View file

@ -165,7 +165,9 @@ const ThemeEditor: React.FC<IThemeEditor> = () => {
onChange={updateColors('danger')} onChange={updateColors('danger')}
resetKey={resetKey} resetKey={resetKey}
/> />
</List>
<List>
<ColorListItem <ColorListItem
label='Greentext' label='Greentext'
value={colors.greentext} value={colors.greentext}