mirror of
https://github.com/p-stream/p-stream.git
synced 2026-04-21 17:52:18 +00:00
update player buttons
This commit is contained in:
parent
b8d8275045
commit
70858d57d3
2 changed files with 11 additions and 16 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue