style linear progress in LaunchPage
This commit is contained in:
@ -410,6 +410,31 @@ const LaunchPage = ({
|
|||||||
variant="buffer"
|
variant="buffer"
|
||||||
value={progress}
|
value={progress}
|
||||||
valueBuffer={buffer}
|
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>
|
||||||
<Box sx={{ minWidth: 35 }}>
|
<Box sx={{ minWidth: 35 }}>
|
||||||
|
|||||||
Reference in New Issue
Block a user