Skip to content

Commit

Permalink
feat: Add footer to app
Browse files Browse the repository at this point in the history
  • Loading branch information
mheggelund committed Sep 20, 2023
1 parent ba94426 commit 2347c36
Show file tree
Hide file tree
Showing 3 changed files with 38 additions and 0 deletions.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
25 changes: 25 additions & 0 deletions src/features/Footer/Footer.styled.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
import styled from 'styled-components'
import { spacings } from '../../tokens/spacings'
import { theme } from '../../tokens/theme'

const StyledFooter = styled.footer`
height: ${spacings.XXXX_LARGE};
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid ${theme.light.ui.background.medium};
padding: ${spacings.SMALL} ${spacings.LARGE};
position: fixed;
left: 0;
bottom: 0;
width: 100%;
> .footer-img {
height: ${spacings.XXX_LARGE};
}
`
export { StyledFooter as Footer }
13 changes: 13 additions & 0 deletions src/features/Footer/Footer.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import { Typography } from '@equinor/eds-core-react'

import logo from './Equinor_HORIZ_logo_RGB_RED.png'
import * as Styled from './Footer.styled'

export const Footer = ({ footerText }: { footerText: string }) => {
return (
<Styled.Footer>
<Typography>{footerText}</Typography>
<img className="footer-img" src={logo} alt="Equinor Logo" />
</Styled.Footer>
)
}

0 comments on commit 2347c36

Please sign in to comment.