Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-28 13:31:32 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

style(video): fix layout overflow issues by adding overflow-hidden

Browse Source 
Add overflow-hidden to content containers to prevent unwanted scrolling and improve layout consistency
This commit is contained in:
icarus 2025-10-14 00:49:02 +08:00
parent 3e9a1378ce
commit 2015b2e58c
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/src/pages/video/VideoPage.tsx
View File

@ -130,7 +130,7 @@ export const VideoPage = () => {
<Navbar>
<NavbarCenter style={{ borderRight: 'none' }}>{t('video.title')}</NavbarCenter>
</Navbar>
<div id="content-container" className="flex max-h-full flex-1">
<div id="content-container" className="flex flex-1 overflow-hidden">
{/* Settings */}
<div className="flex w-70 flex-col p-2">
<SettingsGroup>

2
src/renderer/src/pages/video/VideoPanel.tsx
View File

@ -229,7 +229,7 @@ export const VideoPanel = ({ provider, video, params, updateParams }: VideoPanel
}, [handleUploadFile, inputReference, isPending, t, updateParams])
return (
<div className="flex flex-1 flex-col p-2">
<div className="flex flex-1 flex-col overflow-hidden p-2">
<div className="m-8 flex-1 overflow-hidden">
<Skeleton className="h-full w-full rounded-2xl" classNames={{ content: 'h-full w-full' }} isLoaded={true}>
{video && <VideoViewer video={video} onDownload={handleDownloadVideo} onRegenerate={handleRegenerateVideo} />}