|
|
|
|
@@ -369,7 +369,7 @@ class="flex items-center gap-2 pr-3 py-2 rounded-lg text-sm text-gray-700 hover:
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<!-- 실험실 그룹 (탭 스타일 + 플라이아웃) -->
|
|
|
|
|
<!-- R&D Labs 그룹 (탭 스타일 + 플라이아웃) -->
|
|
|
|
|
<li class="lab-menu-container pt-4 pb-1 border-t border-gray-200 mt-2" id="lab-menu-container">
|
|
|
|
|
<!-- 확장 상태: 헤더 + 탭 + 메뉴 -->
|
|
|
|
|
<div class="lab-expanded-view">
|
|
|
|
|
@@ -378,7 +378,7 @@ class="flex items-center gap-2 pr-3 py-2 rounded-lg text-sm text-gray-700 hover:
|
|
|
|
|
<svg class="w-4 h-4 text-amber-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" />
|
|
|
|
|
</svg>
|
|
|
|
|
<span class="sidebar-text">실험실</span>
|
|
|
|
|
<span class="sidebar-text">R&D Labs</span>
|
|
|
|
|
</span>
|
|
|
|
|
<svg id="lab-group-icon" class="w-3 h-3 transition-transform sidebar-text" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
|
|
|
|
@@ -461,7 +461,7 @@ class="flex items-center gap-2 pr-3 py-2 rounded-lg text-sm text-gray-700 hover:
|
|
|
|
|
<!-- 축소 상태: 아이콘 + 플라이아웃 -->
|
|
|
|
|
<div class="lab-collapsed-view hidden">
|
|
|
|
|
<div class="lab-flyout-trigger relative">
|
|
|
|
|
<button type="button" class="flex items-center justify-center w-full p-2 rounded-lg hover:bg-amber-50 transition-colors" title="실험실">
|
|
|
|
|
<button type="button" class="flex items-center justify-center w-full p-2 rounded-lg hover:bg-amber-50 transition-colors" title="R&D Labs">
|
|
|
|
|
<svg class="w-5 h-5 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" />
|
|
|
|
|
</svg>
|
|
|
|
|
@@ -475,7 +475,7 @@ class="flex items-center gap-2 pr-3 py-2 rounded-lg text-sm text-gray-700 hover:
|
|
|
|
|
|
|
|
|
|
<!-- 헤더 -->
|
|
|
|
|
<div class="px-3 py-2 bg-gradient-to-r from-amber-50 to-amber-100 rounded-t-lg border-b border-amber-200">
|
|
|
|
|
<span class="text-xs font-bold text-amber-800 uppercase tracking-wider">실험실</span>
|
|
|
|
|
<span class="text-xs font-bold text-amber-800 uppercase tracking-wider">R&D Labs</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 탭 -->
|
|
|
|
|
@@ -835,7 +835,7 @@ class="flex items-center gap-2 px-3 py-2 rounded-lg text-sm text-gray-700 hover:
|
|
|
|
|
padding-left: 0.75rem !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 실험실 그룹 특별 스타일 */
|
|
|
|
|
/* R&D Labs 그룹 특별 스타일 */
|
|
|
|
|
.lab-group-header {
|
|
|
|
|
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
|
|
|
|
|
border: 1px solid #f59e0b;
|
|
|
|
|
@@ -845,7 +845,7 @@ class="flex items-center gap-2 px-3 py-2 rounded-lg text-sm text-gray-700 hover:
|
|
|
|
|
background: linear-gradient(135deg, #fde68a 0%, #fcd34d 100%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ========== 실험실 탭 + 플라이아웃 스타일 ========== */
|
|
|
|
|
/* ========== R&D Labs 탭 + 플라이아웃 스타일 ========== */
|
|
|
|
|
|
|
|
|
|
/* 탭 버튼 스타일 */
|
|
|
|
|
.lab-tabs .lab-tab {
|
|
|
|
|
@@ -932,7 +932,7 @@ class="flex items-center gap-2 px-3 py-2 rounded-lg text-sm text-gray-700 hover:
|
|
|
|
|
background: rgba(255, 255, 255, 0.7);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 접힌 상태에서 실험실 메뉴 아이템 스타일 리셋 */
|
|
|
|
|
/* 접힌 상태에서 R&D Labs 메뉴 아이템 스타일 리셋 */
|
|
|
|
|
html.sidebar-is-collapsed #sidebar .lab-panel span,
|
|
|
|
|
.sidebar.sidebar-collapsed .lab-panel span {
|
|
|
|
|
display: none;
|
|
|
|
|
@@ -944,7 +944,7 @@ class="flex items-center gap-2 px-3 py-2 rounded-lg text-sm text-gray-700 hover:
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 접힌 상태에서 실험실 그룹 border-t 유지 */
|
|
|
|
|
/* 접힌 상태에서 R&D Labs 그룹 border-t 유지 */
|
|
|
|
|
html.sidebar-is-collapsed #sidebar .lab-menu-container,
|
|
|
|
|
.sidebar.sidebar-collapsed .lab-menu-container {
|
|
|
|
|
border-top: 1px solid #e5e7eb;
|
|
|
|
|
@@ -1106,7 +1106,7 @@ function initSidebarTooltips() {
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ========== 실험실 탭 전환 함수 ==========
|
|
|
|
|
// ========== R&D Labs 탭 전환 함수 ==========
|
|
|
|
|
|
|
|
|
|
// 확장 상태: 탭 전환
|
|
|
|
|
function switchLabTab(tabKey) {
|
|
|
|
|
|