Commit 1ca5af9c authored by gitexa's avatar gitexa

Medicament and Patient in Frontscreen

parent 9a35ae76
import React from 'react';
import React , {image} from 'react';
import BodyClassName from 'react-body-classname';
import { Button, Grid, Segment, Rating, Header } from 'semantic-ui-react';
import { Link } from 'found';
import { Helmet } from 'react-helmet';
import styles from './WelcomeView.scss';
......@@ -13,22 +12,36 @@ class WelcomeView extends React.Component {
render() {
return (
<div className={styles.container} onScroll={this.onScroll}>
<Helmet>
<title>Edision</title>
<title>Companion</title>
</Helmet>
<header className={styles.header}>
<h1 className={styles.brandName}>
<Link to='/' className={styles.brandNameLink}>Edision</Link>
<Link to='/' className={styles.brandNameLink}>Companion</Link>
</h1>
</header>
<main>
<section className={styles.main_container}>
<Segment padded='very'>
<p>Erläuterung:</p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<Button fluid color="green" as={Link} to='/signup' className={styles.conformationButton}>Start</Button>
<Segment className={styles.segment} padded='very'>
<div className={styles.medication}>
<Header as='h1'>Novalgin</Header>
500 mg | intravenös
</div>
<div className={styles.patient}>
<Header as='h1'>Vetter, Vater</Header>
50 | male
</div>
</Segment>
<div>
<Button fluid color="green" as={Link} to='/signup' className={styles.conformationButton}>Start</Button>
</div>
</section>
</main>
</div>
......
......@@ -12,13 +12,24 @@
}
.main_container {
display: flex;
flex: 1;
justify-content: center;
// display: flex;
// flex: 1;
// justify-content: center;
// flex-flow: row wrap;
// justify-content: space-around;
width: $contentWidth;
margin: 0 auto;
}
.segment {
display: flex;
flex-direction: row; // default
flex-flow: row wrap;
justify-content: space-around; // Hauptachse von rechts nach links (row)
align-items: stretch; // Kreuzachse von oben nach unten
flex-grow: 1;
}
.confirmationButton {
margin-bottom: 10px;
margin-top: 10px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment