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