diff --git a/src/react/components/icons/HomeIcon.tsx b/src/react/components/icons/HomeIcon.tsx new file mode 100644 index 0000000..fe70914 --- /dev/null +++ b/src/react/components/icons/HomeIcon.tsx @@ -0,0 +1,17 @@ +import { Ref, SVGAttributes, forwardRef } from 'react'; + +import React from 'react'; + +export const HomeIcon = forwardRef( + (props: SVGAttributes, ref: Ref) => ( + + + + + + + + + + ), +); diff --git a/src/react/pages/Home.tsx b/src/react/pages/Home.tsx index 0e8226e..a91c49f 100644 --- a/src/react/pages/Home.tsx +++ b/src/react/pages/Home.tsx @@ -3,6 +3,7 @@ import React, { FC, ReactElement, useState, Dispatch, SetStateAction } from "rea import styled from '@emotion/styled'; import { Container, Divider, Grid, Modal, Tooltip, Typography } from '@mui/material'; import { Button } from '@mui/material'; +import { HomeIcon } from "../components/icons/HomeIcon"; import { NetworkPicker } from "../components/NetworkPicker"; import { Network, StepSequenceKey } from '../types' import VersionFooter from "../components/VersionFooter"; @@ -16,8 +17,8 @@ const StyledMuiContainer = styled(Container)` const NetworkDiv = styled.div` margin-top: 35px; - margin-right: 35px; - align-self: flex-end; + margin-left: 35px; + align-self: flex-start; color: gray; `; @@ -129,7 +130,7 @@ const Home: FC = (props): ReactElement => { Welcome! - + Your installer for staking on Ethereum diff --git a/src/react/theme.ts b/src/react/theme.ts index 60e9340..730b1cc 100644 --- a/src/react/theme.ts +++ b/src/react/theme.ts @@ -8,6 +8,9 @@ const theme = createTheme({ mode: "dark", primary: amber, secondary: blue, + background: { + default: '#1b262c', + }, }, typography: { fontFamily: [