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