Merge pull request #200 from pavinduLakshan/add_header_brand_min_width

fix(react): add minimum width to brand element in header component
wso2 · Dec 21, 2023 · 7f6e8b9 · 7f6e8b9
2 parents 1617f25 + 588301e
commit 7f6e8b9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/react/src/components/Header/header.scss b/packages/react/src/components/Header/header.scss
@@ -31,10 +31,10 @@
   .oxygen-brand {
     display: flex;
     align-items: center;
-    width: calc(var(--oxygen-customComponents-Navbar-properties-width) - 77px);
+    min-width: calc(var(--oxygen-customComponents-Navbar-properties-width) - 90px);
     text-decoration: none;
     color: inherit;
-    min-width: 230px;
+    margin-right: 18px;
 
     &-logo {
       height: 40px;

diff --git a/packages/react/src/theme/default-theme.ts b/packages/react/src/theme/default-theme.ts
@@ -189,7 +189,7 @@ export const generateDefaultThemeOptions = (baseTheme: Theme): RecursivePartial<
     Navbar: {
       properties: {
         'mini-variant-width': '64px',
-        width: '300px',
+        width: '315px',
       },
     },
     Stepper: {