kjs
/
ERP-node
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/app/(main)/screens/[screenId]/page.tsx
View File

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