Commit 97e8755f authored by Hashan Punchihewa's avatar Hashan Punchihewa

Uses card for sidebar, and heatmap

parent d63faedf
......@@ -383,8 +383,9 @@ class Profile extends React.Component {
<div className="row">
<div className="col-md-3">
<Sidebar id={} _id={this.props._id} myid={this.props.myid}/>
<div className="stat">
<div className="card">
<div className="card-body">
......@@ -400,7 +401,7 @@ class Profile extends React.Component {
<div className="card-body" style={{padding: "1em", textAlign: "center"}}>You're on a {streak} day streak Keep it up!</div>
<div className="col-md-9">
<div className="row">
<div className="col-md-4">
......@@ -778,7 +779,8 @@ class Sidebar extends React.Component {
var joinDate = new Date(["joined"].$date);
return <div>
<div className="sidebar stat">
<div className="card">
<div className="card-body">
<img style={{maxWidth:"100%", borderRadius:"150px"}} src={"" + + "/picture?width=900"}/>
<h2 style={{textAlign:"center"}}>{["name"]}</h2>
......@@ -802,7 +804,7 @@ class Sidebar extends React.Component {
......@@ -649,13 +649,6 @@ label.checkbox.inline .toggle {
fill: #254e77;
.stat {
padding: 20px;
/*box-shadow: grey 1px 1px 5px;*/
border: 1px solid silver;
background-color: white;
.small-nav {
padding: 10px;
box-shadow: grey 1px 1px 5px;
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