CodeSource
/
Readur
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(client): update the LanguageSelector colors for the upload page

This commit is contained in:
perf3ct 2025-07-15 19:08:13 +00:00
parent 86b948eade
commit f2adcab1da
No known key found for this signature in database
GPG Key ID: 569C4EEC436F5232
1 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/components/LanguageSelector/LanguageSelector.tsx
View File

@ -176,9 +176,15 @@ function LanguageSelector({
textTransform: 'none', textTransform: 'none',
color: 'text.secondary', color: 'text.secondary',
borderColor: 'divider', borderColor: 'divider',
py: 1,
backgroundColor: (theme) => theme.palette.mode === 'dark'
? 'rgba(255, 255, 255, 0.02)'
: 'rgba(0, 0, 0, 0.02)',
'&:hover': { '&:hover': {
backgroundColor: 'action.hover', backgroundColor: (theme) => theme.palette.mode === 'dark'
borderColor: 'primary.main', ? 'rgba(255, 255, 255, 0.05)'
: 'rgba(0, 0, 0, 0.04)',
borderColor: 'divider',
}, },
}} }}
> >
@ -259,7 +265,7 @@ function LanguageSelector({
borderRadius: 1.5, borderRadius: 1.5,
backgroundColor: isSelected backgroundColor: isSelected
? (theme) => theme.palette.mode === 'dark' ? (theme) => theme.palette.mode === 'dark'
? 'rgba(144, 202, 249, 0.16)' ? 'rgba(144, 202, 249, 0.08)'
: 'rgba(25, 118, 210, 0.08)' : 'rgba(25, 118, 210, 0.08)'
: 'transparent', : 'transparent',
cursor: canSelect || isSelected ? 'pointer' : 'not-allowed', cursor: canSelect || isSelected ? 'pointer' : 'not-allowed',
@ -313,7 +319,7 @@ function LanguageSelector({
variant="body2" variant="body2"
sx={{ sx={{
fontWeight: isSelected ? 500 : 400, fontWeight: isSelected ? 500 : 400,
color: isSelected ? 'primary.dark' : 'text.primary', color: isSelected ? 'primary.main' : 'text.primary',
}} }}
> >
{language.name} {language.name}
@ -336,7 +342,7 @@ function LanguageSelector({
{isSelected && showPrimarySelector && selectedLanguages.length > 1 && ( {isSelected && showPrimarySelector && selectedLanguages.length > 1 && (
<Button <Button
size="small" size="small"
variant={isPrimary ? "contained" : "outlined"} variant={isPrimary ? "contained" : "text"}
color="primary" color="primary"
onClick={() => handlePrimaryChange(language.code)} onClick={() => handlePrimaryChange(language.code)}
disabled={isPrimary} disabled={isPrimary}
@ -346,6 +352,7 @@ function LanguageSelector({
px: 1, px: 1,
minWidth: 'auto', minWidth: 'auto',
textTransform: 'none', textTransform: 'none',
opacity: isPrimary ? 0.7 : 1,
}} }}
> >
{isPrimary ? 'Primary' : 'Set Primary'} {isPrimary ? 'Primary' : 'Set Primary'}
@ -361,7 +368,7 @@ function LanguageSelector({
mt: 3, mt: 3,
p: 2, p: 2,
backgroundColor: (theme) => theme.palette.mode === 'dark' backgroundColor: (theme) => theme.palette.mode === 'dark'
? 'rgba(255, 193, 7, 0.1)' ? 'rgba(255, 193, 7, 0.08)'
: 'rgba(255, 193, 7, 0.08)', : 'rgba(255, 193, 7, 0.08)',
border: '1px solid', border: '1px solid',
borderColor: (theme) => theme.palette.mode === 'dark' borderColor: (theme) => theme.palette.mode === 'dark'
@ -370,9 +377,7 @@ function LanguageSelector({
borderRadius: 2, borderRadius: 2,
}}> }}>
<Typography variant="body2" sx={{ <Typography variant="body2" sx={{
color: (theme) => theme.palette.mode === 'dark' color: 'warning.main',
? '#ffb74d'
: '#e65100',
fontWeight: 500, fontWeight: 500,
}}> }}>
Maximum {maxLanguages} languages allowed for optimal performance. Maximum {maxLanguages} languages allowed for optimal performance.