Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-03-23 14:57:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

let me hold to widescreen on bigger screens

Browse source
This commit is contained in:
Pas 2025-11-02 11:38:41 -07:00
parent 82757248d5
commit bef85aa741
2 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/player/Player.tsx
View file

@ -12,3 +12,4 @@ export * from "./internals/BookmarkButton";
export * from "./internals/InfoButton";
export * from "./internals/SkipEpisodeButton";
export * from "./atoms/Chromecast";
export * from "./atoms/Widescreen";

19
src/pages/parts/player/PlayerPart.tsx
View file

@ -5,7 +5,6 @@ import { Player } from "@/components/player";
import { SkipIntroButton } from "@/components/player/atoms/SkipIntroButton";
import { UnreleasedEpisodeOverlay } from "@/components/player/atoms/UnreleasedEpisodeOverlay";
import { WatchPartyStatus } from "@/components/player/atoms/WatchPartyStatus";
import { Widescreen } from "@/components/player/atoms/Widescreen";
import { useShouldShowControls } from "@/components/player/hooks/useShouldShowControls";
import { useSkipTime } from "@/components/player/hooks/useSkipTime";
import { useIsMobile } from "@/hooks/useIsMobile";
@ -185,14 +184,10 @@ export function PlayerPart(props: PlayerPartProps) {
<Player.Settings />
</>
) : null}
{/* Fullscreen on when not shifting */}
{!isShifting && <Player.Fullscreen />}
{/* Expand button visible when shifting */}
{isShifting && (
<div>
<Widescreen />
</div>
{isShifting || isHoldingFullscreen ? (
<Player.Widescreen />
) : (
<Player.Fullscreen />
)}
</div>
</div>
@ -221,7 +216,11 @@ export function PlayerPart(props: PlayerPartProps) {
className="select-none touch-none"
style={{ WebkitTapHighlightColor: "transparent" }}
>
{isHoldingFullscreen ? <Widescreen /> : <Player.Fullscreen />}
{isHoldingFullscreen ? (
<Player.Widescreen />
) : (
<Player.Fullscreen />
)}
</div>
)}
</div>