style(ui): update SideBar link styles to match design

kestra-io · Jan 10, 2025 · 6a5ec8d · 6a5ec8d
1 parent 8d57f8f
commit 6a5ec8d
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/ui/src/components/layout/SideBar.vue b/ui/src/components/layout/SideBar.vue
@@ -253,14 +253,24 @@
         .vsm--link {
             padding: 0.3rem 0.5rem;
             margin-bottom: 0.3rem;
-            border-radius: var(--bs-border-radius-lg);
+            border-radius: .25rem;
             transition: padding 0.2s ease;
             color: var(--ks-content-primary);
+            box-shadow: none;
+
+            &_active {
+                background-color: var(--ks-button-background-secondary-active);
+                font-weight: normal;
+            }
 
             &_disabled {
                 pointer-events: auto;
             }
 
+            &:hover {
+                background-color: var(--ks-button-background-secondary-hover);
+            }   
+
             .el-tooltip__trigger {
                 display: flex;
             }