From 056013299e9f3ecf924c4297f22782139d0d5e40 Mon Sep 17 00:00:00 2001 From: AdrianBeilharz <abeilharz9@gmail.com> Date: Wed, 6 Jan 2021 13:44:11 +0100 Subject: [PATCH] einstellungen add back button and change hover color on button group --- .../einstellungen/ApothekeEinstellungen.js | 7 +-- .../einstellungen/ApothekeEinstellungen.scss | 54 +++++++++---------- 2 files changed, 31 insertions(+), 30 deletions(-) diff --git a/frontend/src/components/apotheke/einstellungen/ApothekeEinstellungen.js b/frontend/src/components/apotheke/einstellungen/ApothekeEinstellungen.js index 85ba336..22526fc 100644 --- a/frontend/src/components/apotheke/einstellungen/ApothekeEinstellungen.js +++ b/frontend/src/components/apotheke/einstellungen/ApothekeEinstellungen.js @@ -12,6 +12,7 @@ import PersonalTabelle from './tabellen/PersonalTabelle'; import EmpfaengerTabelle from './tabellen/EmpfaengerTabelle'; import ApothekeEditModal from '../../../modals/ApothekeEditModal'; +import ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos'; import './ApothekeEinstellungen.scss' function ApothekeEinstellungen(props) { @@ -97,7 +98,9 @@ function ApothekeEinstellungen(props) { {aktiveRolle.toLowerCase() !== 'benutzer' ? <StatusHeader aktiveRolle={aktiveRolle} /> : null} <Header /> <Row className="details-list"> - <Col md={{ span: 6, offset: 6 }}> + <Col md={{ span: 1, offset: 1 }}><Button onClick={props.history.goBack}><ArrowBackIosIcon /> Zurück</Button></Col> + + <Col md={{ span: 6, offset: 4 }}> {loggedIn ? <UserDetails {...props} user={user} setUser={setUser} aktiveRolle={aktiveRolle} setAktiveRolle={setAktiveRolle} /> : null} </Col> </Row> @@ -127,8 +130,6 @@ function ApothekeEinstellungen(props) { </Col> </Row> </div> - - </Fragment> ) } diff --git a/frontend/src/components/apotheke/einstellungen/ApothekeEinstellungen.scss b/frontend/src/components/apotheke/einstellungen/ApothekeEinstellungen.scss index c095e6a..3add339 100644 --- a/frontend/src/components/apotheke/einstellungen/ApothekeEinstellungen.scss +++ b/frontend/src/components/apotheke/einstellungen/ApothekeEinstellungen.scss @@ -1,27 +1,27 @@ -@import '../../../App.scss'; - - -.menu-list { - li { - cursor: pointer; - } - - - li:not(.active):hover{ - background-color: $base-green; - } -} - -.main-content { - .row { - margin: 1em 0 1em 7em; - } - - ul { - margin: 0; - padding: 0; - list-style: none; - font-size: 14pt; - margin-bottom: 0.5em; - } -} +@import '../../../App.scss'; + + +.menu-list { + li { + cursor: pointer; + } + + + li:not(.active):hover{ + background-color: $base-blue; + } +} + +.main-content { + .row { + margin: 1em 0 1em 7em; + } + + ul { + margin: 0; + padding: 0; + list-style: none; + font-size: 14pt; + margin-bottom: 0.5em; + } +} -- GitLab