Mastodon
/
hyperspace-desktop-client-windows-linux-macos
mirror of https://github.com/hyperspacedev/hyperspace
1
0
Fork 0
Code Issues Releases Wiki Activity

Add logout to mobile, fix margins

This commit is contained in:
Marquis Kurt 2019-04-07 17:33:19 -04:00
parent 9b02639b4b
commit 204a9295b3
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/AppLayout/AppLayout.tsx
View File

@ -1,5 +1,5 @@
import React, { Component } from 'react';
import { Typography, AppBar, Toolbar, IconButton, InputBase, Avatar, ListItemText, Divider, List, ListItemIcon, Hidden, Drawer, ListSubheader, ListItemAvatar, withStyles, Menu, MenuItem, ClickAwayListener, Badge, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button } from '@material-ui/core';
import { Typography, AppBar, Toolbar, IconButton, InputBase, Avatar, ListItemText, Divider, List, ListItemIcon, Hidden, Drawer, ListSubheader, ListItemAvatar, withStyles, Menu, MenuItem, ClickAwayListener, Badge, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, ListItem } from '@material-ui/core';
import MenuIcon from '@material-ui/icons/Menu';
import SearchIcon from '@material-ui/icons/Search';
import NotificationsIcon from '@material-ui/icons/Notifications';
@ -177,10 +177,10 @@ export class AppLayout extends Component<any, IAppLayoutState> {
<ListItemIcon><SupervisedUserCircleIcon/></ListItemIcon>
<ListItemText primary="Switch account"/>
</LinkableListItem>
<LinkableListItem button key="acctLogout-mobile" to="/logout">
<ListItem button key="acctLogout-mobile" onClick={() => this.toggleLogOutDialog()}>
<ListItemIcon><ExitToAppIcon/></ListItemIcon>
<ListItemText primary="Log out"/>
</LinkableListItem>
</ListItem>
<Divider/>
</div>
<ListSubheader>Timelines</ListSubheader>

4
src/pages/PageLayout.styles.tsx
View File

@ -117,8 +117,8 @@ export const styles = (theme: Theme) => createStyles({
zIndex: 3
},
pageContentLayoutConstraints: {
paddingLeft: theme.spacing.unit * 4,
paddingRight: theme.spacing.unit * 4,
paddingLeft: theme.spacing.unit * 2,
paddingRight: theme.spacing.unit * 2,
paddingTop: theme.spacing.unit * 4,
paddingBottom: theme.spacing.unit * 2,
[theme.breakpoints.up('md')]: {