Merge pull request #169 from l3vels/feat/betaTag

feat: Beta Tag on Header
l3vels · Sep 26, 2023 · bd166c9 · bd166c9
2 parents 2313245 + 6503033
commit bd166c9
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git a/apps/ui/src/components/Layout/Header.tsx b/apps/ui/src/components/Layout/Header.tsx
@@ -7,6 +7,8 @@ import ArrowNavigation from 'pages/Navigation/ArrowNavigation'
 import Breadcrumbs from 'components/BreadCrumbs/BreadCrumbs'
 import HeaderShare from 'components/HeaderShare/HeaderShare'
 import HeaderButtons from 'components/HeaderButtons'
+import Tags from '@l3-lib/ui-core/dist/Tags'
+
 import styled from 'styled-components'
 
 interface HeaderTypes {
@@ -27,7 +29,8 @@ const Header = ({ expandMode = false, isPublicRoute }: HeaderTypes) => {
       </StyledNavigationColumn>
       {!expandMode && (
         <StyledLogoWrapper to='/'>
-          <img src={logo} alt='Logo' />
+          <StyledLogo src={logo} alt='Logo' />
+          <StyledTags label='BETA' readOnly color={'gradient_yellow'} size={'small'} noAnimation />
         </StyledLogoWrapper>
       )}
       {!expandMode && (
@@ -46,3 +49,14 @@ export default Header
 const StyledHeaderButtonWrapper = styled.div`
   margin-left: auto;
 `
+const StyledLogo = styled.img`
+  width: 48px;
+  height: 48px;
+`
+
+const StyledTags = styled(Tags)`
+  div {
+    font-size: x-small !important;
+    padding: 0px 2px !important;
+  }
+`
diff --git a/apps/ui/src/components/Layout/LayoutStyle.ts b/apps/ui/src/components/Layout/LayoutStyle.ts
@@ -117,8 +117,10 @@ const StyledNavigationColumn = styled.div`
 `
 
 const StyledLogoWrapper = styled(Link)`
-  width: 48px;
-  height: 48px;
+  display: flex;
+  /* align-items: center; */
+
+  text-decoration: none;
 `
 
 export {