danvics/openreader
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(player): add relative positioning to TTS control buttons

Browse source 
Apply "relative" class to IconButton components in TTSPlayer to enable
positioning of child elements or overlays. This prepares the UI for
potential enhancements such as loading indicators or tooltips.
This commit is contained in:
Richard R 2026-06-01 19:41:48 -06:00
parent 9325f9e467
commit ebe384c698
1 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/player/TTSPlayer.tsx
View file

@ -53,6 +53,7 @@ export default function TTSPlayer({ currentPage, numPages }: {
onClick={skipBackward}
aria-label="Skip backward"
disabled={isProcessing}
className="relative"
>
{isProcessing ? <LoadingSpinner /> : <SkipBackwardIcon className="w-5 h-5" />}
</IconButton>
@ -61,6 +62,7 @@ export default function TTSPlayer({ currentPage, numPages }: {
onClick={togglePlay}
aria-label={isPlaying ? 'Pause' : 'Play'}
disabled={isProcessing && !isPlaying}
className="relative"
>
{isPlaying ? <PauseIcon className="w-5 h-5" /> : <PlayIcon className="w-5 h-5" />}
</IconButton>
@ -69,6 +71,7 @@ export default function TTSPlayer({ currentPage, numPages }: {
onClick={skipForward}
aria-label="Skip forward"
disabled={isProcessing}
className="relative"
>
{isProcessing ? <LoadingSpinner /> : <SkipForwardIcon className="w-5 h-5" />}
</IconButton>