fix: [pmis] BIM 뷰어 초기 줌 축소 및 하단 툴바 잘림 수정

- 카메라 초기 위치를 (55,35,55)→(80,50,80)으로 변경하여 건물 전체 조망
- fog 밀도 0.004→0.003으로 조정 (넓은 시점에서 선명하게)
- 하단 툴바를 absolute→shrink-0 flex 자식으로 변경하여 항상 표시
- 스크롤 없이 IFC 업로드/다운로드 버튼 접근 가능
This commit is contained in:
김보곤
2026-03-12 22:38:31 +09:00
parent 50c411bcf2
commit f991fc893f

View File

@@ -286,9 +286,9 @@ class BimScene {
const w = this.el.clientWidth, h = this.el.clientHeight;
this.scene = new THREE.Scene();
this.scene.background = new THREE.Color(0xf0f4f8);
this.scene.fog = new THREE.FogExp2(0xf0f4f8, 0.004);
this.scene.fog = new THREE.FogExp2(0xf0f4f8, 0.003);
this.camera = new THREE.PerspectiveCamera(45, w / h, 0.1, 500);
this.camera.position.set(55, 35, 55);
this.camera.position.set(80, 50, 80);
this.renderer = new THREE.WebGLRenderer({ antialias: true });
this.renderer.setSize(w, h);
this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
@@ -670,7 +670,7 @@ function BimToolbar({ onView, visibility, onToggle, wireframe, onWireframe, mode
const handleFile = (e) => { const f = e.target.files?.[0]; if (f) onUpload(f); e.target.value = ''; };
return (
<div className="absolute bottom-0 left-0 right-0 bg-white/95 backdrop-blur border-t border-gray-200 px-4 py-2 flex items-center gap-3 text-xs z-10 flex-wrap">
<div className="shrink-0 bg-white/95 backdrop-blur border-t border-gray-200 px-4 py-2 flex items-center gap-3 text-xs z-10 flex-wrap">
{/* IFC 업로드 */}
<div className="flex items-center gap-1">
<input ref={fileRef} type="file" accept=".ifc" className="hidden" onChange={handleFile} />