feat(navbar): change top elements (#DS-4298) (#1132)

lskramarov · web-flow · commit e688b638b6c0 · 2025-11-20T19:49:55.000+03:00
diff --git a/packages/components/navbar/_navbar-item_vertical.scss b/packages/components/navbar/_navbar-item_vertical.scss
@@ -70,6 +70,16 @@
             left: var(--kbq-size-s);
         }
 
+        &.kbq-navbar-bento {
+            padding-top: var(--kbq-size-xl);
+            padding-bottom: var(--kbq-size-m);
+
+            &:after {
+                top: var(--kbq-size-m);
+                bottom: var(--kbq-size-xxs);
+            }
+        }
+
         & .kbq-badge {
             position: absolute;
 
diff --git a/packages/components/navbar/navbar-brand.scss b/packages/components/navbar/navbar-brand.scss
@@ -76,7 +76,10 @@ a.kbq-navbar-brand {
         height: var(--kbq-size-4xl);
         width: var(--kbq-size-4xl);
 
-        margin: var(--kbq-size-l) var(--kbq-size-l) var(--kbq-size-4xl);
+        margin-top: var(--kbq-size-s);
+        margin-right: var(--kbq-size-l);
+        margin-left: var(--kbq-size-l);
+        margin-bottom: 60px;
 
         flex-direction: column;
 
@@ -97,7 +100,7 @@ a.kbq-navbar-brand {
             position: absolute;
 
             left: var(--kbq-size-xxs);
-            top: var(--kbq-size-4xl);
+            top: var(--kbq-size-6xl);
             max-width: 200px;
         }
     }
diff --git a/packages/components/navbar/vertical-navbar.scss b/packages/components/navbar/vertical-navbar.scss
@@ -13,6 +13,7 @@
 
     & .kbq-navbar-container + .kbq-navbar-container {
         padding-top: var(--kbq-size-xxl);
+        padding-bottom: var(--kbq-size-xxs);
     }
 
     & .kbq-vertical-navbar__container {

Original file line number	Diff line number	Diff line change
`@@ -13,6 +13,7 @@`
`13`	`13`
`14`	`14`	`& .kbq-navbar-container + .kbq-navbar-container {`
`15`	`15`	`padding-top: var(--kbq-size-xxl);`
	`16`	`+ padding-bottom: var(--kbq-size-xxs);`
`16`	`17`	`}`
`17`	`18`
`18`	`19`	`& .kbq-vertical-navbar__container {`