tangled
alpha
login
or
join now
dunkirk.sh
/
pstream-ng
1
fork
atom
pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
1
fork
atom
overview
issues
pulls
pipelines
let me hold to widescreen on bigger screens
Pas
4 months ago
bef85aa7
82757248
+10
-10
2 changed files
expand all
collapse all
unified
split
src
components
player
Player.tsx
pages
parts
player
PlayerPart.tsx
+1
src/components/player/Player.tsx
···
12
12
export * from "./internals/InfoButton";
13
13
export * from "./internals/SkipEpisodeButton";
14
14
export * from "./atoms/Chromecast";
15
15
+
export * from "./atoms/Widescreen";
+9
-10
src/pages/parts/player/PlayerPart.tsx
···
5
5
import { SkipIntroButton } from "@/components/player/atoms/SkipIntroButton";
6
6
import { UnreleasedEpisodeOverlay } from "@/components/player/atoms/UnreleasedEpisodeOverlay";
7
7
import { WatchPartyStatus } from "@/components/player/atoms/WatchPartyStatus";
8
8
-
import { Widescreen } from "@/components/player/atoms/Widescreen";
9
8
import { useShouldShowControls } from "@/components/player/hooks/useShouldShowControls";
10
9
import { useSkipTime } from "@/components/player/hooks/useSkipTime";
11
10
import { useIsMobile } from "@/hooks/useIsMobile";
···
185
184
<Player.Settings />
186
185
</>
187
186
) : null}
188
188
-
{/* Fullscreen on when not shifting */}
189
189
-
{!isShifting && <Player.Fullscreen />}
190
190
-
191
191
-
{/* Expand button visible when shifting */}
192
192
-
{isShifting && (
193
193
-
<div>
194
194
-
<Widescreen />
195
195
-
</div>
187
187
+
{isShifting || isHoldingFullscreen ? (
188
188
+
<Player.Widescreen />
189
189
+
) : (
190
190
+
<Player.Fullscreen />
196
191
)}
197
192
</div>
198
193
</div>
···
221
216
className="select-none touch-none"
222
217
style={{ WebkitTapHighlightColor: "transparent" }}
223
218
>
224
224
-
{isHoldingFullscreen ? <Widescreen /> : <Player.Fullscreen />}
219
219
+
{isHoldingFullscreen ? (
220
220
+
<Player.Widescreen />
221
221
+
) : (
222
222
+
<Player.Fullscreen />
223
223
+
)}
225
224
</div>
226
225
)}
227
226
</div>