Superminaren
/
kvm
mirror of https://github.com/jetkvm/kvm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Revert "feat: add fullscreen button" 

This reverts commit dc7791c245.
This commit is contained in:
Tom Wopat 2025-09-25 09:09:17 -04:00
parent dc7791c245
commit 1f7083a023
2 changed files with 11 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
ui/src/components/VideoOverlay.tsx
View File

@ -2,7 +2,7 @@ import React from "react";
import { ExclamationTriangleIcon } from "@heroicons/react/24/solid"; import { ExclamationTriangleIcon } from "@heroicons/react/24/solid";
import { ArrowPathIcon, ArrowRightIcon } from "@heroicons/react/16/solid"; import { ArrowPathIcon, ArrowRightIcon } from "@heroicons/react/16/solid";
import { motion, AnimatePresence } from "framer-motion"; import { motion, AnimatePresence } from "framer-motion";
import { LuMaximize, LuPlay } from "react-icons/lu"; import { LuPlay } from "react-icons/lu";
import { BsMouseFill } from "react-icons/bs"; import { BsMouseFill } from "react-icons/bs";
import { Button, LinkButton } from "@components/Button"; import { Button, LinkButton } from "@components/Button";
@ -209,10 +209,9 @@ export function PeerConnectionDisconnectedOverlay({
interface HDMIErrorOverlayProps { interface HDMIErrorOverlayProps {
readonly show: boolean; readonly show: boolean;
readonly hdmiState: string; readonly hdmiState: string;
readonly requestFullscreen: () => void;
} }
export function HDMIErrorOverlay({ show, hdmiState, requestFullscreen }: HDMIErrorOverlayProps) { export function HDMIErrorOverlay({ show, hdmiState }: HDMIErrorOverlayProps) {
const isNoSignal = hdmiState === "no_signal"; const isNoSignal = hdmiState === "no_signal";
const isOtherError = hdmiState === "no_lock" || hdmiState === "out_of_range"; const isOtherError = hdmiState === "no_lock" || hdmiState === "out_of_range";
@ -248,25 +247,14 @@ export function HDMIErrorOverlay({ show, hdmiState, requestFullscreen }: HDMIErr
</li> </li>
</ul> </ul>
</div> </div>
<div className="flex flex-wrap items-center justify-between gap-x-4 gap-y-2 py-1.5"> <div>
<div className="relative flex flex-wrap items-center gap-x-2 gap-y-2"> <LinkButton
<LinkButton to={"https://jetkvm.com/docs/getting-started/troubleshooting"}
to={"https://jetkvm.com/docs/getting-started/troubleshooting"} theme="light"
theme="light" text="Learn more"
text="Learn more" TrailingIcon={ArrowRightIcon}
TrailingIcon={ArrowRightIcon} size="SM"
size="SM" />
/>
</div>
<div className="flex flex-wrap items-right gap-x-2 gap-y-2">
<Button
size="XS"
theme="light"
text="Fullscreen"
LeadingIcon={LuMaximize}
onClick={() => requestFullscreen()}
/>
</div>
</div> </div>
</div> </div>
</div> </div>

2
ui/src/components/WebRTCVideo.tsx
View File

@ -544,7 +544,7 @@ export default function WebRTCVideo() {
> >
<div className="relative h-full w-full rounded-md" onClick={requestPointerLock}> <div className="relative h-full w-full rounded-md" onClick={requestPointerLock}>
<LoadingVideoOverlay show={isVideoLoading} /> <LoadingVideoOverlay show={isVideoLoading} />
<HDMIErrorOverlay show={hdmiError} hdmiState={hdmiState} requestFullscreen={requestFullscreen}/> <HDMIErrorOverlay show={hdmiError} hdmiState={hdmiState} />
<NoAutoplayPermissionsOverlay <NoAutoplayPermissionsOverlay
show={hasNoAutoPlayPermissions} show={hasNoAutoPlayPermissions}
onPlayClick={() => { onPlayClick={() => {