aboutsummaryrefslogtreecommitdiffstats
path: root/webui/src/App.js
diff options
context:
space:
mode:
Diffstat (limited to 'webui/src/App.js')
-rw-r--r--webui/src/App.js20
1 files changed, 13 insertions, 7 deletions
diff --git a/webui/src/App.js b/webui/src/App.js
index 35778268..b9c57327 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() {
<CssBaseline />
<AppBar position="fixed" color="primary">
<Toolbar>
- <div className={classes.headerLeft}>
- <Link to="/" className={classes.appTitle}>
- git-bug webui
- </Link>
- </div>
+ <Link to="/" className={classes.appTitle}>
+ <img src="logo.svg" className={classes.logo} alt="git-bug" />
+ git-bug
+ </Link>
+ <div className={classes.filler}></div>
<CurrentIdentity />
</Toolbar>
</AppBar>