pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
update overlay
+11
-4
+2
-2
src/components/player/atoms/WatchPartyStatus.tsx
+2
-2
src/components/player/atoms/WatchPartyStatus.tsx
···
44
44
45
45
return (
46
46
<div
47
-
className={`absolute top-2 right-2 z-50 p-2 bg-mediaCard-shadow bg-opacity-70 backdrop-blur-sm rounded-md text-white text-xs
48
-
flex flex-col items-end gap-1 max-w-[250px] transition-all duration-300
47
+
className={`absolute top-4 right-4 z-50 p-2 bg-mediaCard-shadow bg-opacity-70 backdrop-blur-sm rounded-md text-white text-xs
48
+
flex flex-col items-end gap-1 max-w-[260px] transition-all duration-300
49
49
${showNotification ? "ring-1 ring-buttons-purple shadow-lg shadow-buttons-purple" : ""}`}
50
50
>
51
51
<div className="flex gap-2 w-full justify-between items-center">
-2
src/components/player/base/Container.tsx
-2
src/components/player/base/Container.tsx
···
1
1
import { ReactNode, RefObject, useEffect, useRef } from "react";
2
2
3
3
import { OverlayDisplay } from "@/components/overlays/OverlayDisplay";
4
-
import { WatchPartyStatus } from "@/components/player/atoms/WatchPartyStatus";
5
4
import { CastingInternal } from "@/components/player/internals/CastingInternal";
6
5
import { HeadUpdater } from "@/components/player/internals/HeadUpdater";
7
6
import { KeyboardEvents } from "@/components/player/internals/KeyboardEvents";
···
99
98
<WebhookReporter />
100
99
<WatchPartyResetter />
101
100
<div className="relative h-screen overflow-hidden">
102
-
<WatchPartyStatus />
103
101
<VideoClickTarget showingControls={props.showingControls} />
104
102
<HeadUpdater />
105
103
{props.children}
+9
src/pages/parts/player/PlayerPart.tsx
+9
src/pages/parts/player/PlayerPart.tsx
···
5
5
import { Player } from "@/components/player";
6
6
import { SkipIntroButton } from "@/components/player/atoms/SkipIntroButton";
7
7
import { UnreleasedEpisodeOverlay } from "@/components/player/atoms/UnreleasedEpisodeOverlay";
8
+
import { WatchPartyStatus } from "@/components/player/atoms/WatchPartyStatus";
8
9
import { Widescreen } from "@/components/player/atoms/Widescreen";
9
10
import { useShouldShowControls } from "@/components/player/hooks/useShouldShowControls";
10
11
import { useSkipTime } from "@/components/player/hooks/useSkipTime";
···
104
105
/>
105
106
<Player.SkipForward iconSizeClass="text-3xl" inControl={inControl} />
106
107
</Player.CenterMobileControls>
108
+
109
+
<div
110
+
className={`absolute right-4 z-50 transition-all duration-300 ease-in-out ${
111
+
showTargets ? "top-16" : "top-1"
112
+
}`}
113
+
>
114
+
<WatchPartyStatus />
115
+
</div>
107
116
108
117
<Player.TopControls show={showTargets}>
109
118
<div className="grid grid-cols-[1fr,auto] xl:grid-cols-3 items-center">