Update

Author: uinika

sources/agreement/index.jsx

@@ -1,12 +1,30 @@
 import React from "react";
 import "./style.scss";
+import { Breadcrumb, Card, Input, Select, Col, Row } from "antd";
 
 export default class Agreement extends React.Component {
   render() {
     return (
       <div id="agreement" className="animated fadeIn">
-        <h1>Agreement</h1>
+        <Row gutter={1}>
+          <Col span={24}>
+            <Card bordered={true}>
+              <p>Card content</p>
+              <p>Card content</p>
+              <p>Card content</p>
+            </Card>
+          </Col>
+        </Row>
+        <Row gutter={1}>
+          <Col span={24}>
+            <Card bordered={false}>
+              <p>Card content</p>
+              <p>Card content</p>
+              <p>Card content</p>
+            </Card>
+          </Col>
+        </Row>
       </div>
-    )
+    );
   }
 }

sources/agreement/style.scss

@@ -1,3 +1,3 @@
-#setting {
+#agreement {
 
 }

sources/dashboard/index.jsx

@@ -1,12 +1,47 @@
 import React from "react";
 import "./style.scss";
+import { Breadcrumb, Card, Input, Select, Col, Row } from "antd";
+const Search = Input.Search;
+const InputGroup = Input.Group;
+const Option = Select.Option;
 
 export default class Dashboard extends React.Component {
   render() {
     return (
       <div id="dashboard" className="animated fadeIn">
-        <h1>Dashboard</h1>
+        <Card>
+          <Breadcrumb>
+            <Breadcrumb.Item>Home</Breadcrumb.Item>
+            <Breadcrumb.Item>
+              <a href="#/layout/dashboard">Dashboard</a>
+            </Breadcrumb.Item>
+          </Breadcrumb>
+        </Card>
+        <Row gutter={1}>
+          <Col span={12}>
+            <Card
+              title="Status"
+              bordered={false}
+              extra={<a href="#">More</a>}
+            >
+              <p>Card content</p>
+              <p>Card content</p>
+              <p>Card content</p>
+            </Card>
+          </Col>
+          <Col span={12}>
+            <Card
+              title="History"
+              bordered={false}
+              extra={<a href="#">More</a>}
+            >
+              <p>Card content</p>
+              <p>Card content</p>
+              <p>Card content</p>
+            </Card>
+          </Col>
+        </Row>
       </div>
-    )
+    );
   }
 }

sources/layout/style.scss

@@ -1,8 +1,9 @@
+@import "../common/styles/color.scss";
 #layout {
   height: 100%;
   .left {
     .logo {
-      color: white;
+      color: $color-white;
       margin: auto 0;
       line-height: 64px;
       width: 100%;
@@ -13,7 +14,7 @@
   .right {
     overflow: hidden;
     .header {
-      background: white;
+      background: $color-white;
       padding: 0;
       .admin {
         float: right;
@@ -30,10 +31,9 @@
       }
     }
     .content {
-      margin: 24px 16px;
-      padding: 24px;
-      background: white;
-      min-height: 280px;
+      // margin: 24px 16px;
+      // padding: 24px;
+      background: $color-border-light;
     }
   }
 }