ResponsiveScreenContainer 컨테이너 완전 제거

- 화면 표시에서 ResponsiveScreenContainer 제거
- 직접 화면 컴포넌트들을 렌더링하도록 변경
- 컨테이너로 인한 크기 제한 및 스크롤 문제 해결
- 설계한 화면 크기 그대로 표시되도록 개선
This commit is contained in:
kjs 2025-09-23 15:25:55 +09:00
parent 1f67576d5d
commit f0a9c50ca1
1 changed files with 182 additions and 184 deletions

View File

@ -13,7 +13,7 @@ import { useRouter } from "next/navigation";
import { toast } from "sonner";
import { initializeComponents } from "@/lib/registry/components";
import { EditModal } from "@/components/screen/EditModal";
import { ResponsiveScreenContainer } from "@/components/screen/ResponsiveScreenContainer";
// import { ResponsiveScreenContainer } from "@/components/screen/ResponsiveScreenContainer"; // 컨테이너 제거
export default function ScreenViewPage() {
const params = useParams();
@ -147,8 +147,7 @@ export default function ScreenViewPage() {
const screenHeight = layout?.screenResolution?.height || 800;
return (
<div className="h-full w-full">
<ResponsiveScreenContainer designWidth={screenWidth} designHeight={screenHeight} screenName={screen?.screenName}>
<div className="h-full w-full overflow-auto bg-gray-50">
{layout && layout.components.length > 0 ? (
// 캔버스 컴포넌트들을 정확한 해상도로 표시
<div
@ -408,7 +407,6 @@ export default function ScreenViewPage() {
});
}}
/>
</ResponsiveScreenContainer>
</div>
);
}