diff --git a/misc/logo/logo-alpha-flat-white.svg b/misc/logo/logo-alpha-flat-white.svg new file mode 100644 index 0000000000000000000000000000000000000000..69f8ef5013282cd4ff0e56ea9e5af7a953d38a2e --- /dev/null +++ b/misc/logo/logo-alpha-flat-white.svg @@ -0,0 +1,95 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/webui/public/logo.svg b/webui/public/logo.svg new file mode 100644 index 0000000000000000000000000000000000000000..05f175b030c57985aee0ebac4088c6c18affc8a6 --- /dev/null +++ b/webui/public/logo.svg @@ -0,0 +1,95 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/webui/src/App.js b/webui/src/App.js index 357782682f95d60fa87c62967d42f763d16b6303..b9c573274f11d0b6d027e3fd728ab36676febf59 100644 --- a/webui/src/App.js +++ b/webui/src/App.js @@ -21,13 +21,19 @@ const theme = createMuiTheme({ const useStyles = makeStyles(theme => ({ offset: theme.mixins.toolbar, + filler: { + flexGrow: 1, + }, appTitle: { ...theme.typography.h6, color: 'white', textDecoration: 'none', + display: 'flex', + alignItems: 'center', }, - headerLeft: { - flexGrow: 1, + logo: { + height: '42px', + marginRight: theme.spacing(2), }, })); @@ -39,11 +45,11 @@ export default function App() { -
- - git-bug webui - -
+ + git-bug + git-bug + +