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