diff --git a/resources/views/rd/planning-design/index.blade.php b/resources/views/rd/planning-design/index.blade.php index 660edb54..652f6f2c 100644 --- a/resources/views/rd/planning-design/index.blade.php +++ b/resources/views/rd/planning-design/index.blade.php @@ -75,6 +75,7 @@ .pc-body { display: flex; flex: 1; + position: relative; min-height: 0; overflow: hidden; } @@ -101,6 +102,23 @@ transition: all 0.15s; background: none; border-top: none; border-left: none; border-right: none; } .pc-sidebar-tab.active { color: var(--pc-indigo); border-bottom-color: var(--pc-indigo); } +.pc-sidebar-collapse-btn { + width: 28px; height: 28px; flex-shrink: 0; + display: flex; align-items: center; justify-content: center; + background: none; border: none; color: #94a3b8; cursor: pointer; + border-radius: 4px; margin-left: auto; transition: all 0.15s; +} +.pc-sidebar-collapse-btn:hover { background: #f1f5f9; color: #475569; } +.pc-sidebar-expand-btn { + position: absolute; left: 0; top: 50%; + transform: translateY(-50%); + width: 16px; height: 48px; z-index: 50; + background: #f1f5f9; border: 1px solid #e2e8f0; + border-left: none; border-radius: 0 6px 6px 0; + display: flex; align-items: center; justify-content: center; + cursor: pointer; color: #94a3b8; transition: all 0.15s; +} +.pc-sidebar-expand-btn:hover { background: #e2e8f0; color: #475569; width: 20px; } .pc-sidebar-panel { flex: 1; overflow-y: auto; padding: 12px; display: none; @@ -1077,12 +1095,20 @@ {{-- ===== Body ===== --}}