fix: removve toolbar

kyma-project · Jan 29, 2025 · 88f85ee · 88f85ee
1 parent 7c9fb3d
commit 88f85ee
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/KymaCompanion/components/KymaCompanion.scss b/src/components/KymaCompanion/components/KymaCompanion.scss
@@ -6,9 +6,12 @@
     width: 100%;
 
     &__header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
       background-color: var(--sapContent_Illustrative_Color1);
       min-height: 60px;
-      padding: 0.5rem;
+      padding: 0 1rem;
 
       .title {
         color: white;

diff --git a/src/components/KymaCompanion/components/KymaCompanion.tsx b/src/components/KymaCompanion/components/KymaCompanion.tsx
@@ -5,8 +5,6 @@ import {
   Tab,
   TabContainer,
   Title,
-  Toolbar,
-  ToolbarSpacer,
 } from '@ui5/webcomponents-react';
 import { useRecoilState } from 'recoil';
 import {
@@ -27,11 +25,10 @@ export default function KymaCompanion() {
       <Card
         className="kyma-companion"
         header={
-          <Toolbar design="Transparent" className="kyma-companion__header">
-            <Title level="H4" className="title">
+          <div className="kyma-companion__header">
+            <Title level="H4" size="H4" className="title">
               {t('kyma-companion.name')}
             </Title>
-            <ToolbarSpacer />
             <div>
               <Button
                 design="Transparent"
@@ -55,7 +52,7 @@ export default function KymaCompanion() {
                 }
               />
             </div>
-          </Toolbar>
+          </div>
         }
       >
         <TabContainer