From 88f85ee5ce539b6851781880ec07e38a1846629c Mon Sep 17 00:00:00 2001 From: chriskari <chriskari@gmx.de> Date: Wed, 29 Jan 2025 15:07:36 +0100 Subject: [PATCH] fix: removve toolbar --- .../KymaCompanion/components/KymaCompanion.scss | 5 ++++- .../KymaCompanion/components/KymaCompanion.tsx | 9 +++------ 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/components/KymaCompanion/components/KymaCompanion.scss b/src/components/KymaCompanion/components/KymaCompanion.scss index 0c027626ef..9c143e2347 100644 --- 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 index 7f0776867e..dc397602da 100644 --- 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