diff --git a/ui/src/styles/layout.css b/ui/src/styles/layout.css index c2a5c6fe3..289ef6f0c 100644 --- a/ui/src/styles/layout.css +++ b/ui/src/styles/layout.css @@ -404,6 +404,7 @@ .nav-item.active { color: var(--text-strong); background: var(--accent-subtle); + border-color: rgba(255, 92, 92, 0.15); } .nav-item.active .nav-item__icon { @@ -411,6 +412,18 @@ color: var(--accent); } +.nav-item.active::before { + content: ''; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + width: 3px; + height: 16px; + background: var(--accent); + border-radius: 0 2px 2px 0; +} + /* =========================================== Content Area =========================================== */