From d1489427bc45bd6ea62a4ed6d883f178e973b7ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=B3=B4=EA=B3=A4?=
 <lightone2017@codebridge-x.com>
Date: Fri, 13 Mar 2026 08:00:27 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20[bim]=20=ED=95=98=EB=8B=A8=20=ED=88=B4?=
 =?UTF-8?q?=EB=B0=94=202=ED=96=89=20=EC=8B=9C=20=EC=8A=A4=ED=81=AC?=
 =?UTF-8?q?=EB=A1=A4=EB=B0=94=20=EC=A0=9C=EA=B1=B0=20=EB=B0=8F=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8C=A9=ED=8A=B8=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 컨테이너 padding/gap 축소 (px-4 py-2 gap-3 → px-3 py-1 gap-1.5)
- 버튼 padding 축소 (py-1.5 → py-1, px-2/3 → px-1.5/2)
- 버튼 내부 gap 축소 (gap-1 → gap-0.5)
- 구분선 높이 축소 (h-6 → h-5)
- overflow-hidden 추가로 스크롤바 방지
---
 resources/views/juil/bim-viewer.blade.php | 46 +++++++++++------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/resources/views/juil/bim-viewer.blade.php b/resources/views/juil/bim-viewer.blade.php
index 7e656607..c2911242 100644
--- a/resources/views/juil/bim-viewer.blade.php
+++ b/resources/views/juil/bim-viewer.blade.php
@@ -1027,68 +1027,68 @@ 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="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">
+        <div className="shrink-0 bg-white/95 backdrop-blur border-t border-gray-200 px-3 py-1 flex items-center gap-1.5 text-xs z-10 flex-wrap overflow-hidden">
             {/* IFC 업로드 */}
             <div className="flex items-center gap-1">
                 <input ref={fileRef} type="file" accept=".ifc" className="hidden" onChange={handleFile} />
                 <button onClick={() => fileRef.current?.click()}
-                    className="flex items-center gap-1 px-3 py-1.5 rounded bg-blue-600 text-white hover:bg-blue-700 transition font-semibold">
-                    <i className="ri-upload-2-line text-sm"></i> IFC 업로드
+                    className="flex items-center gap-1 px-2 py-1 rounded bg-blue-600 text-white hover:bg-blue-700 transition font-semibold">
+                    <i className="ri-upload-2-line"></i> IFC 업로드
                 </button>
                 {mode === 'ifc' && (
-                    <button onClick={onSwitchDemo} className="flex items-center gap-1 px-2 py-1.5 rounded bg-gray-200 text-gray-700 hover:bg-gray-300 transition">
-                        <i className="ri-building-line text-sm"></i> 데모 모델
+                    <button onClick={onSwitchDemo} className="flex items-center gap-1 px-2 py-1 rounded bg-gray-200 text-gray-700 hover:bg-gray-300 transition">
+                        <i className="ri-building-line"></i> 데모 모델
                     </button>
                 )}
             </div>
 
-            <div className="w-px h-6 bg-gray-300"></div>
+            <div className="w-px h-5 bg-gray-300"></div>
 
             {/* 시점 */}
-            <div className="flex items-center gap-1">
+            <div className="flex items-center gap-0.5">
                 <span className="text-gray-500 font-semibold mr-1">시점</span>
                 {views.map(v => (
                     <button key={v.id} onClick={() => onView(v.id)}
-                        className="flex items-center gap-1 px-2 py-1.5 rounded hover:bg-blue-50 hover:text-blue-700 text-gray-600 transition" title={v.label}>
-                        <i className={`${v.icon} text-sm`}></i><span className="hidden xl:inline">{v.label}</span>
+                        className="flex items-center gap-0.5 px-1.5 py-1 rounded hover:bg-blue-50 hover:text-blue-700 text-gray-600 transition" title={v.label}>
+                        <i className={v.icon}></i><span className="hidden xl:inline">{v.label}</span>
                     </button>
                 ))}
             </div>
 
             {mode === 'demo' && (<>
-                <div className="w-px h-6 bg-gray-300"></div>
-                <div className="flex items-center gap-1">
+                <div className="w-px h-5 bg-gray-300"></div>
+                <div className="flex items-center gap-0.5">
                     <span className="text-gray-500 font-semibold mr-1">요소</span>
                     {toggles.map(t => (
                         <button key={t} onClick={() => onToggle(t)}
-                            className={`flex items-center gap-1 px-2 py-1.5 rounded transition ${visibility[t] !== false ? 'bg-gray-100 text-gray-700' : 'bg-gray-50 text-gray-300 line-through'}`} title={TYPE_LABEL[t]}>
-                            <i className={`${TYPE_ICONS[t] || 'ri-checkbox-blank-line'} text-sm`}></i><span className="hidden xl:inline">{TYPE_LABEL[t]}</span>
+                            className={`flex items-center gap-0.5 px-1.5 py-1 rounded transition ${visibility[t] !== false ? 'bg-gray-100 text-gray-700' : 'bg-gray-50 text-gray-300 line-through'}`} title={TYPE_LABEL[t]}>
+                            <i className={TYPE_ICONS[t] || 'ri-checkbox-blank-line'}></i><span className="hidden xl:inline">{TYPE_LABEL[t]}</span>
                         </button>
                     ))}
                 </div>
             </>)}
 
-            <div className="w-px h-6 bg-gray-300"></div>
+            <div className="w-px h-5 bg-gray-300"></div>
             <button onClick={onWireframe}
-                className={`flex items-center gap-1 px-2 py-1.5 rounded transition ${wireframe ? 'bg-blue-100 text-blue-700' : 'text-gray-600 hover:bg-gray-100'}`}>
-                <i className="ri-pencil-ruler-2-line text-sm"></i><span className="hidden xl:inline">와이어프레임</span>
+                className={`flex items-center gap-0.5 px-1.5 py-1 rounded transition ${wireframe ? 'bg-blue-100 text-blue-700' : 'text-gray-600 hover:bg-gray-100'}`}>
+                <i className="ri-pencil-ruler-2-line"></i><span className="hidden xl:inline">와이어프레임</span>
             </button>
 
-            <div className="w-px h-6 bg-gray-300"></div>
+            <div className="w-px h-5 bg-gray-300"></div>
             <button onClick={onExportIFC}
-                className="flex items-center gap-1 px-3 py-1.5 rounded bg-green-600 text-white hover:bg-green-700 transition font-semibold">
-                <i className="ri-download-2-line text-sm"></i> IFC 다운로드
+                className="flex items-center gap-1 px-2 py-1 rounded bg-green-600 text-white hover:bg-green-700 transition font-semibold">
+                <i className="ri-download-2-line"></i> IFC 다운로드
             </button>
 
-            <div className="w-px h-6 bg-gray-300"></div>
+            <div className="w-px h-5 bg-gray-300"></div>
             <div className="flex items-center gap-1">
                 <select value={effectId} onChange={e => onEffectChange(Number(e.target.value))}
-                    className="px-2 py-1.5 rounded border border-gray-300 bg-white text-gray-700 text-xs focus:ring-1 focus:ring-blue-500 outline-none">
+                    className="px-1.5 py-1 rounded border border-gray-300 bg-white text-gray-700 text-xs focus:ring-1 focus:ring-blue-500 outline-none">
                     {SHOW_EFFECTS.map(e => <option key={e.id} value={e.id}>{e.id}. {e.name}</option>)}
                 </select>
                 <button onClick={onPlayEffect}
-                    className="flex items-center gap-1 px-3 py-1.5 rounded bg-gradient-to-r from-blue-600 to-indigo-600 text-white hover:from-blue-700 hover:to-indigo-700 transition font-semibold shadow-sm">
-                    <i className="ri-play-line text-sm"></i> 실행
+                    className="flex items-center gap-1 px-2 py-1 rounded bg-gradient-to-r from-blue-600 to-indigo-600 text-white hover:from-blue-700 hover:to-indigo-700 transition font-semibold shadow-sm">
+                    <i className="ri-play-line"></i> 실행
                 </button>
             </div>
         </div>