administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-05 22:57:40 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix double scrollbar in debug replay

Browse Source
This commit is contained in:
Josh Hawkins 2026-03-12 22:04:14 -05:00
parent 947ddfa542
commit 858181efe5
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/pages/Replay.tsx
View File

@ -381,7 +381,7 @@ export default function Replay() {
</div> </div>
{/* Side panel */} {/* Side panel */}
<div className="scrollbar-container order-last mb-2 mt-2 flex h-full w-full flex-col overflow-y-auto rounded-lg border-[1px] border-secondary-foreground bg-background_alt p-2 md:order-none md:mb-0 md:mr-2 md:mt-0 md:w-4/12"> <div className="order-last mb-2 mt-2 flex h-full w-full flex-col overflow-hidden rounded-lg border-[1px] border-secondary-foreground bg-background_alt p-2 md:order-none md:mb-0 md:mr-2 md:mt-0 md:w-4/12">
<div className="mb-5 flex flex-col space-y-2"> <div className="mb-5 flex flex-col space-y-2">
<Heading as="h3" className="mb-0"> <Heading as="h3" className="mb-0">
{t("title")} {t("title")}
@ -399,7 +399,10 @@ export default function Replay() {
<p>{t("description")}</p> <p>{t("description")}</p>
</div> </div>
</div> </div>
<Tabs defaultValue="debug" className="flex h-full w-full flex-col"> <Tabs
defaultValue="debug"
className="flex min-h-0 w-full flex-1 flex-col"
>
<TabsList className="grid w-full grid-cols-3"> <TabsList className="grid w-full grid-cols-3">
<TabsTrigger value="debug"> <TabsTrigger value="debug">
{t("debug.debugging", { ns: "views/settings" })} {t("debug.debugging", { ns: "views/settings" })}
@ -409,7 +412,10 @@ export default function Replay() {
{t("websocket_messages")} {t("websocket_messages")}
</TabsTrigger> </TabsTrigger>
</TabsList> </TabsList>
<TabsContent value="debug" className="mt-2"> <TabsContent
value="debug"
className="scrollbar-container mt-2 overflow-y-auto"
>
<div className="mt-2 space-y-6"> <div className="mt-2 space-y-6">
<div className="my-2.5 flex flex-col gap-2.5"> <div className="my-2.5 flex flex-col gap-2.5">
{DEBUG_OPTION_KEYS.map((key) => { {DEBUG_OPTION_KEYS.map((key) => {
@ -554,7 +560,10 @@ export default function Replay() {
</div> </div>
</div> </div>
</TabsContent> </TabsContent>
<TabsContent value="objects" className="mt-2"> <TabsContent
value="objects"
className="scrollbar-container mt-2 overflow-y-auto"
>
<ObjectList <ObjectList
cameraConfig={replayCameraConfig} cameraConfig={replayCameraConfig}
objects={objects} objects={objects}