javier/jellyfin-audio-player
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: progress bar numbers cutoff

Browse Source
This commit is contained in:
Lei Nelissen
2025-05-24 00:08:56 +02:00
parent d9326dfc7a
commit 58c7645170
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/screens/modals/Player/components/ProgressBar.tsx
View File

@@ -33,10 +33,12 @@ const NumberBar = styled.View`
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
padding: 8px 0; padding: 8px 0;
gap: 16px;
`; `;
const Number = styled(ReText)` const Number = styled(ReText)`
font-size: 13px; font-size: 13px;
flex: 1;
`; `;
const DragHandle = styled(Reanimated.View)` const DragHandle = styled(Reanimated.View)`
@@ -51,7 +53,7 @@ const DragHandle = styled(Reanimated.View)`
function ProgressBar() { function ProgressBar() {
const styles = useDefaultStyles(); const styles = useDefaultStyles();
const { position, buffered } = useProgress(); const { position, buffered } = useProgress(990);
const { track } = useCurrentTrack(); const { track } = useCurrentTrack();
const width = useSharedValue(0); const width = useSharedValue(0);
@@ -205,8 +207,8 @@ function ProgressBar() {
]} ]}
/> />
<NumberBar style={{ flex: 1 }}> <NumberBar style={{ flex: 1 }}>
<Number text={timePassed} style={timePassedStyles} /> <Number text={timePassed} style={[timePassedStyles]} />
<Number text={timeRemaining} style={timeRemainingStyles} /> <Number text={timeRemaining} style={[timeRemainingStyles, { textAlign: 'right' }]} />
</NumberBar> </NumberBar>
</Container> </Container>
</GestureDetector> </GestureDetector>