Skip to content

Commit

Permalink
style
Browse files Browse the repository at this point in the history
  • Loading branch information
@joshuajoyreji
joshuajoyreji committed Mar 18, 2023
1 parent ab40ed3 commit ddab621
Show file tree
Hide file tree
Showing 4 changed files with 21 additions and 27 deletions.
27 changes: 13 additions & 14 deletions frontend/src/pages/Details/Details.js
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
import React from 'react';
import 'bootstrap/dist/css/bootstrap.css';
import './details.css';
import heart from '../../Images/heart.png'
function Details() {
return (
<div className='whole'>
Expand All @@ -12,7 +11,7 @@ function Details() {
<br />
<form>
<div class="form-group row">
<label class="control-label col-sm-2" for="age">Age:</label>
<label class="control-label col-sm-2" for="age">Age :</label>
<div class="col-sm-3">
<input type="number" class="form-control" id="age" placeholder="In Years" min='1' />
</div>
Expand All @@ -26,47 +25,47 @@ function Details() {
</div>
<br />
<div class="form-group row">
<label className='control-label col-sm-2'>Blood pressure:</label>
<label className='control-label col-sm-2'>Blood pressure :</label>
<div class="col-sm-3">
<input type="text" class="form-control" />
</div>
<label className='control-label col-sm-2 offset-1'>Serum cholestoral:</label>
<label className='control-label col-sm-2 offset-1'>Serum cholestoral :</label>
<div class="col-sm-3">
<input type="text" class="form-control" placeholder="In mg/dl" />
</div>
</div>
<br />
<div class="form-group row">
<label className='control-label col-sm-2'>Max heart rate:</label>
<label className='control-label col-sm-2'>Max heart rate :</label>
<div class="col-sm-3">
<input type="text" class="form-control" />
</div>
<label className='control-label col-sm-2 offset-1'>Exercise induced angina:</label>
<label className='control-label col-sm-2 offset-1'>Exercise induced angina :</label>
<div class="col-sm-3">
<input type="text" class="form-control" />
</div>
</div>
<br />
<div class="form-group row">
<label className='control-label col-sm-2'>Oldpeak:</label>
<label className='control-label col-sm-2'>Oldpeak :</label>
<div class="col-sm-3">
<input type="text" class="form-control" />
</div>
<label className='control-label col-sm-2 offset-1'>Slope ST:</label>
<label className='control-label col-sm-2 offset-1'>Slope ST :</label>
<div class="col-sm-3">
<input type="text" class="form-control" />
</div>
</div>
<br />
<div class="form-group row">
<label className='control-label col-sm-2'>Thall:</label>
<label className='control-label col-sm-2'>Thall :</label>
<div class="col-sm-3">
<input type="text" class="form-control" />
</div>
</div>
<br />
<div class="form-group ">
<label class="control-label col-2" >No of major vessels:</label>
<label class="control-label col-2" >No of major vessels :</label>
<input type="radio" id="0" name="mv" value="0" />
<label class="col-1 mv" for="0">0</label>
<input type="radio" id="1" name="mv" value="1" />
Expand All @@ -78,15 +77,15 @@ function Details() {
</div>
<br />
<div class="form-group">
<label class="control-label col-2">Fasting blood sugar more than 120 mg/dl?:</label>
<label class="control-label col-2">Fasting blood sugar more than 120 mg/dl? :</label>
<input type="radio" id="true" name="bs" value="true" />
<label class="col-1 bs" for="true">true</label>
<input type="radio" id="false" name="bs" value="false" />
<label class="col-1 bs" for="false">false</label>
</div>
<br />
<div class="form-group">
<label class="control-label col-2" >Chest pain:</label>
<label class="control-label col-2" >Chest pain :</label>
<input type="radio" id="0c" name="cp" value="0c" />
<label class="col-1 cp" for="0c">0</label>
<input type="radio" id="1c" name="cp" value="1" />
Expand All @@ -98,7 +97,7 @@ function Details() {
</div>
<br />
<div class="form-group">
<label class="control-label col-2">Resting electrocardiographic result:</label>
<label class="control-label col-2">Resting electrocardiographic result :</label>
<input type="radio" id="0r" name="re" value="0" />
<label class="col-1 re" for="0r">0</label>
<input type="radio" id="1r" name="re" value="1" />
Expand All @@ -110,7 +109,7 @@ function Details() {
</div>
<br />
<div className='row'>
<input type="submit" class="btn btn-primary col-1 offset-5" value="Submit" />
<input type="submit" class="btn btn-danger col-1 offset-5" value="Submit" />
</div>
</form>

Expand Down
8 changes: 6 additions & 2 deletions frontend/src/pages/Home/Home.js
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,21 @@
import React from 'react'
import './Home.css'
import 'bootstrap/dist/css/bootstrap.css'
const Home = () => {
return (
<>
<div className='content'>
<p className='details'>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
<div className='container'>
<p className='details'>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.
</p>
</p>
</div>

</div>
</>
)
Expand Down
11 changes: 1 addition & 10 deletions frontend/src/pages/Login/Login.css
View file
Original file line number Diff line number Diff line change
@@ -1,13 +1,4 @@
/* * {
margin: 0;
padding: 0;
box-sizing: border-box;
} */
/* body {
background-color: rgb(219, 217, 217);
background-size: cover;
font-family: sans-serif;
} */

.login-wrapper {
height: 100vh;
width: 100vw;
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/pages/Login/Login.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ const Login = () => {
return (

<div className='login-wrapper container'>
<div className="content ">
<div >
<form name="my" class="form">
<h2>Log In</h2>
<div className="input-group">
Expand Down

0 comments on commit ddab621

Please sign in to comment.