diff --git a/packages/garden/package.json b/packages/garden/package.json index a20220c45..090e06b8f 100644 --- a/packages/garden/package.json +++ b/packages/garden/package.json @@ -1,6 +1,6 @@ { "name": "@equinor/workspace-garden", - "version": "8.0.1", + "version": "8.0.2", "type": "module", "sideEffects": false, "license": "MIT", diff --git a/packages/garden/src/lib/components/defaultComponents/header/DefaultHeaderView.tsx b/packages/garden/src/lib/components/defaultComponents/header/DefaultHeaderView.tsx index 5556bd5f5..e8c161b83 100644 --- a/packages/garden/src/lib/components/defaultComponents/header/DefaultHeaderView.tsx +++ b/packages/garden/src/lib/components/defaultComponents/header/DefaultHeaderView.tsx @@ -3,19 +3,35 @@ import { memo } from 'react'; import styled from 'styled-components'; import { tokens } from '@equinor/eds-tokens'; -const Count = styled.span` +const StyledHeaderContent = styled.div` + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + font-weight: 600; +`; + +const StyledCount = styled.h2` color: ${tokens.colors.text.static_icons__default.hex}; font-weight: 300; font-size: 0.8rem; margin-left: 0.8em; `; -const HeaderView = ({ header }: CustomHeaderView) => { +const StyledHeaderText = styled.h2` + white-space: pre-line; + font-size: 16px; + text-align: center; +`; + +const HeaderView = (props: CustomHeaderView) => { + const { header } = props; + return ( - <> - {header.name} - ({header.count}) - + + {header.name} + ({header.count}) + ); }; diff --git a/packages/workspace-fusion/package.json b/packages/workspace-fusion/package.json index a45388bfc..2378e00b8 100644 --- a/packages/workspace-fusion/package.json +++ b/packages/workspace-fusion/package.json @@ -1,6 +1,6 @@ { "name": "@equinor/workspace-fusion", - "version": "9.0.14", + "version": "9.0.15", "type": "module", "sideEffects": false, "license": "MIT",