update player buttons

This commit is contained in:
Pas 2025-04-17 14:04:08 -06:00
parent b8d8275045
commit 70858d57d3
2 changed files with 11 additions and 16 deletions

View file

@ -163,26 +163,20 @@ export function PlayerPart(props: PlayerPartProps) {
<div /> <div />
<div className="flex justify-center space-x-3"> <div className="flex justify-center space-x-3">
{/* Disable PiP for iOS PWA */} {/* Disable PiP for iOS PWA */}
{!isIOSPWA && {!isIOSPWA && status === playerStatus.PLAYING && <Player.Pip />}
(status === playerStatus.PLAYING ? <Player.Pip /> : null)}
<Player.Episodes /> <Player.Episodes />
{status === playerStatus.PLAYING ? (
<div className="hidden ssm:block">
<Player.Captions />
</div>
) : null}
<Player.Settings /> <Player.Settings />
{/* Expand button for iOS PWA only */} {isIOSPWA && <IosPwaLimitations />}
{isIOSPWA && status === playerStatus.PLAYING && <Widescreen />}
</div> </div>
<div> <div>
{/* Disable for iOS PWA */} {/* iOS PWA */}
{!isIOSPWA && ( {!isIOSPWA && <Player.Fullscreen />}
<div> {isIOSPWA && status === playerStatus.PLAYING && <Widescreen />}
<Player.Fullscreen />
</div>
)}
{/* Add info for iOS PWA */}
{isIOSPWA && (
<div>
<IosPwaLimitations />
</div>
)}
</div> </div>
</div> </div>
</Player.BottomControls> </Player.BottomControls>

View file

@ -11,6 +11,7 @@ const config: Config = {
extend: { extend: {
/* breakpoints */ /* breakpoints */
screens: { screens: {
xs: "350px",
ssm: "400px", ssm: "400px",
'2xl': '1921px', // Custom breakpoint for screens at least 1920px wide '2xl': '1921px', // Custom breakpoint for screens at least 1920px wide
'3xl': '2650px', // Custom breakpoint for screens at least 2650px wide '3xl': '2650px', // Custom breakpoint for screens at least 2650px wide