saulteafarmer/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Stirling-Tools/Stirling-PDF.git synced 2025-09-18 09:29:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Colours of buttons in settings

Browse Source
This commit is contained in:
Connor Yoh 2025-08-26 14:11:15 +01:00
parent 95d345ef94
commit 4bf5eede57
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/shared/FileUploadButton.tsx
View File

@ -32,9 +32,10 @@ const FileUploadButton = ({
onChange={onChange} onChange={onChange}
accept={accept} accept={accept}
disabled={disabled} disabled={disabled}
> >
{(props) => ( {(props) => (
<Button {...props} variant={variant} fullWidth={fullWidth}> <Button {...props} variant={variant} fullWidth={fullWidth} color="blue">
{file ? file.name : (placeholder || defaultPlaceholder)} {file ? file.name : (placeholder || defaultPlaceholder)}
</Button> </Button>
)} )}

4
frontend/src/components/tools/addWatermark/WatermarkTypeSettings.tsx
View File

@ -16,7 +16,7 @@ const WatermarkTypeSettings = ({ watermarkType, onWatermarkTypeChange, disabled
<div style={{ display: 'flex', gap: '4px' }}> <div style={{ display: 'flex', gap: '4px' }}>
<Button <Button
variant={watermarkType === 'text' ? 'filled' : 'outline'} variant={watermarkType === 'text' ? 'filled' : 'outline'}
color={watermarkType === 'text' ? 'blue' : 'gray'} color={watermarkType === 'text' ? 'blue' : 'var(--text-muted)'}
onClick={() => onWatermarkTypeChange('text')} onClick={() => onWatermarkTypeChange('text')}
disabled={disabled} disabled={disabled}
style={{ flex: 1, height: 'auto', minHeight: '40px', fontSize: '11px' }} style={{ flex: 1, height: 'auto', minHeight: '40px', fontSize: '11px' }}
@ -27,7 +27,7 @@ const WatermarkTypeSettings = ({ watermarkType, onWatermarkTypeChange, disabled
</Button> </Button>
<Button <Button
variant={watermarkType === 'image' ? 'filled' : 'outline'} variant={watermarkType === 'image' ? 'filled' : 'outline'}
color={watermarkType === 'image' ? 'blue' : 'gray'} color={watermarkType === 'image' ? 'blue' : 'var(--text-muted)'}
onClick={() => onWatermarkTypeChange('image')} onClick={() => onWatermarkTypeChange('image')}
disabled={disabled} disabled={disabled}
style={{ flex: 1, height: 'auto', minHeight: '40px', fontSize: '11px' }} style={{ flex: 1, height: 'auto', minHeight: '40px', fontSize: '11px' }}

4
frontend/src/components/tools/compress/CompressSettings.tsx
View File

@ -23,7 +23,7 @@ const CompressSettings = ({ parameters, onParameterChange, disabled = false }: C
<div style={{ display: 'flex', gap: '4px' }}> <div style={{ display: 'flex', gap: '4px' }}>
<Button <Button
variant={parameters.compressionMethod === 'quality' ? 'filled' : 'outline'} variant={parameters.compressionMethod === 'quality' ? 'filled' : 'outline'}
color={parameters.compressionMethod === 'quality' ? 'blue' : 'gray'} color={parameters.compressionMethod === 'quality' ? 'blue' : 'var(--text-muted)'}
onClick={() => onParameterChange('compressionMethod', 'quality')} onClick={() => onParameterChange('compressionMethod', 'quality')}
disabled={disabled} disabled={disabled}
style={{ flex: 1, height: 'auto', minHeight: '40px', fontSize: '11px' }} style={{ flex: 1, height: 'auto', minHeight: '40px', fontSize: '11px' }}
@ -34,7 +34,7 @@ const CompressSettings = ({ parameters, onParameterChange, disabled = false }: C
</Button> </Button>
<Button <Button
variant={parameters.compressionMethod === 'filesize' ? 'filled' : 'outline'} variant={parameters.compressionMethod === 'filesize' ? 'filled' : 'outline'}
color={parameters.compressionMethod === 'filesize' ? 'blue' : 'gray'} color={parameters.compressionMethod === 'filesize' ? 'blue' : 'var(--text-muted)'}
onClick={() => onParameterChange('compressionMethod', 'filesize')} onClick={() => onParameterChange('compressionMethod', 'filesize')}
disabled={disabled} disabled={disabled}
style={{ flex: 1, height: 'auto', minHeight: '40px', fontSize: '11px' }} style={{ flex: 1, height: 'auto', minHeight: '40px', fontSize: '11px' }}