fix overflow for manual source select

This commit is contained in:
Pas 2025-10-08 20:30:39 -06:00
parent cef467f989
commit bf774106ff
2 changed files with 7 additions and 3 deletions

View file

@ -12,6 +12,7 @@ import { useSkipTime } from "@/components/player/hooks/useSkipTime";
import { useIsMobile } from "@/hooks/useIsMobile";
import { PlayerMeta, playerStatus } from "@/stores/player/slices/source";
import { usePlayerStore } from "@/stores/player/store";
import { usePreferencesStore } from "@/stores/preferences";
import { useWatchPartyStore } from "@/stores/watchParty";
import { ScrapingPartInterruptButton, Tips } from "./ScrapingPart";
@ -27,6 +28,9 @@ export function PlayerPart(props: PlayerPartProps) {
const { showTargets, showTouchTargets } = useShouldShowControls();
const status = usePlayerStore((s) => s.status);
const { isMobile } = useIsMobile();
const manualSourceSelection = usePreferencesStore(
(s) => s.manualSourceSelection,
);
const isLoading = usePlayerStore((s) => s.mediaPlaying.isLoading);
const { isHost, enabled } = useWatchPartyStore();
@ -143,7 +147,7 @@ export function PlayerPart(props: PlayerPartProps) {
</Player.TopControls>
<Player.BottomControls show={showTargets}>
{status === playerStatus.PLAYING ? null : <Tips />}
{status !== playerStatus.PLAYING && !manualSourceSelection && <Tips />}
<div className="flex items-center justify-center space-x-3 h-full">
{status === playerStatus.SCRAPING ? (
<ScrapingPartInterruptButton />

View file

@ -138,7 +138,7 @@ export function SourceSelectPart(props: { media: ScrapeMedia }) {
if (selectedSourceId) {
return (
<div className="h-full w-full flex items-center justify-center">
<div className="w-full max-w-md">
<div className="w-full max-w-md h-[50vh] flex flex-col">
<Menu.CardWithScrollable>
<EmbedSelectionView
sourceId={selectedSourceId}
@ -153,7 +153,7 @@ export function SourceSelectPart(props: { media: ScrapeMedia }) {
return (
<div className="h-full w-full flex items-center justify-center">
<div className="w-full max-w-md">
<div className="w-full max-w-md h-[50vh] flex flex-col">
<Menu.CardWithScrollable>
<Menu.Title>{t("player.menus.sources.title")}</Menu.Title>
<Menu.Section className="pb-4">