Fix: 레이블 페이지 사이드바 레이아웃 넘치는 문제 수정 - S11P21S002-234

This commit is contained in:
jhynsoo 2024-09-25 09:37:06 +09:00
parent d743cf3ce9
commit bf7dab068e

View File

@ -18,10 +18,10 @@ export default function ProjectStructure({ project }: { project: Project }) {
}, [project, setProject]); }, [project, setProject]);
return ( return (
<div className="flex h-full flex-col justify-between"> <div className="flex h-full min-h-0 grow-0 flex-col">
<div className="flex flex-col overflow-y-auto px-1 pb-2"> <div className="flex h-full flex-col overflow-hidden px-1 pb-2">
<header className="flex w-full items-center gap-2 rounded p-1"> <header className="flex w-full items-center gap-2 rounded p-1">
<div className="flex w-full items-center gap-1 overflow-hidden pr-1"> <div className="flex w-full min-w-0 items-center gap-1 pr-1">
<h2 className="caption overflow-hidden text-ellipsis whitespace-nowrap">{project.type}</h2> <h2 className="caption overflow-hidden text-ellipsis whitespace-nowrap">{project.type}</h2>
</div> </div>
<WorkspaceDropdownMenu <WorkspaceDropdownMenu
@ -35,7 +35,7 @@ export default function ProjectStructure({ project }: { project: Project }) {
. .
</div> </div>
) : ( ) : (
<div className="caption flex flex-col"> <div className="caption flex flex-col overflow-y-auto">
{folderData.children.map((item) => ( {folderData.children.map((item) => (
<ProjectDirectoryItem <ProjectDirectoryItem
key={`${project.id}-${item.title}`} key={`${project.id}-${item.title}`}
@ -55,7 +55,7 @@ export default function ProjectStructure({ project }: { project: Project }) {
)} )}
</div> </div>
<div className="flex p-2.5"> <div className="flex">
<Button <Button
variant="outlinePrimary" variant="outlinePrimary"
className="w-full" className="w-full"