style linear progress in LaunchPage
This commit is contained in:
@ -410,6 +410,31 @@ const LaunchPage = ({
|
||||
variant="buffer"
|
||||
value={progress}
|
||||
valueBuffer={buffer}
|
||||
sx={{
|
||||
height: 12,
|
||||
borderRadius: 6,
|
||||
|
||||
// Фон прогресс-бара (buffer background)
|
||||
backgroundColor: 'rgba(255,255,255,0.1)',
|
||||
|
||||
'& .MuiLinearProgress-bar1Buffer': {
|
||||
// Основная прогресс-линия
|
||||
background:
|
||||
'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
|
||||
borderRadius: 6,
|
||||
},
|
||||
|
||||
'& .MuiLinearProgress-bar2Buffer': {
|
||||
// Buffer линия (вторая линия)
|
||||
backgroundColor: 'rgba(255,255,255,0.25)',
|
||||
borderRadius: 6,
|
||||
},
|
||||
|
||||
'& .MuiLinearProgress-dashed': {
|
||||
// Линии пунктирного эффекта
|
||||
display: 'none',
|
||||
},
|
||||
}}
|
||||
/>
|
||||
</Box>
|
||||
<Box sx={{ minWidth: 35 }}>
|
||||
|
||||
Reference in New Issue
Block a user