all repos — caroster @ 838707b4d96de3645d7b4623d838410f8787dc0e

[Octree] Group carpool to your event https://caroster.io

:lipstick: add a divider in menus to isolate about menu item
Hadrien Froger hadrien@octree.ch
Tue, 08 Sep 2020 07:09:59 +0100
commit

838707b4d96de3645d7b4623d838410f8787dc0e

parent

9019c5727bcdd231027ebab1d529fd1dcad5ca8a

1 files changed, 5 insertions(+), 0 deletions(-)

jump to
M app/src/containers/GenericMenu/index.jsapp/src/containers/GenericMenu/index.js

@@ -1,5 +1,6 @@

import React, {useState, useEffect, useMemo} from 'react'; import AppBar from '@material-ui/core/AppBar'; +import Divider from '@material-ui/core/Divider'; import Toolbar from '@material-ui/core/Toolbar'; import Typography from '@material-ui/core/Typography'; import IconButton from '@material-ui/core/IconButton';

@@ -21,6 +22,7 @@ const aboutMenuItem = {

label: t('menu.about'), onClick: () => (window.location.href = settings['about_link']), id: 'AboutTabs', + className: classes.withDivider, }; useEffect(() => {

@@ -82,6 +84,9 @@ alignItems: 'center',

}, shareIcon: { marginRight: theme.spacing(0), + }, + withDivider: { + borderTop: `1px solid ${theme.palette.divider}`, }, }));