From 9c096a18e1ea995a48a840bf3d5eded4d19a09fb Mon Sep 17 00:00:00 2001
From: Red Forks <redforks@gmail.com>
Date: Mon, 8 Jan 2018 13:49:36 +0800
Subject: [PATCH] Uses <Led> widget

---
 package-lock.json           |  2 +-
 src/main-view/container.tsx | 23 +++++++++--------------
 2 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ac60705..42e218c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2223,7 +2223,7 @@
       }
     },
     "mammoth": {
-      "version": "git+file:///home/forks/work/mammoth-lib.git#9b732d678717d2ceb783a1d166c73cab81cc7c36",
+      "version": "git+file:///home/forks/work/mammoth-lib.git#5f57b780468d4f21af61fec92e584bf2c87664b2",
       "requires": {
         "@types/chokidar": "1.7.4",
         "@types/history": "4.6.2",
diff --git a/src/main-view/container.tsx b/src/main-view/container.tsx
index f5f1f53..d5631d9 100644
--- a/src/main-view/container.tsx
+++ b/src/main-view/container.tsx
@@ -2,22 +2,17 @@ import * as React from "react";
 import { connect, Dispatch } from "react-redux";
 import { StMainView, StAppWithMainView } from ".";
 import { Grid, Row, Col, Table, ButtonToolbar, Button, Panel, FormControl, Checkbox } from "react-bootstrap";
+import { Led } from "mammoth/ui/led";
 
 interface Props { };
 
 interface Callbacks { };
 
 function mainView(props: Props & Callbacks) {
-  const weightPanel = {
-    color: "#ff4300",
-    backgroundColor: "black",
-    fontSize: "7rem",
-    fontFamily: "\"7bar\"",
-  };
   return <Grid>
-    <Row style={{ height: "calc(20vh - 50px)" }}>
+    <Row style={{ height: "20vh" }}>
       <Col lg={3}>
-        <div style={weightPanel}>0.00</div>
+        <Led text="0.00" />
         <ButtonToolbar>
           <Button>启用称重</Button>
           <Button disabled>停止称重</Button>
@@ -43,8 +38,8 @@ function mainView(props: Props & Callbacks) {
     </Row>
     <Row>
       <Col lg={8}>
-        <Row>
-          <Panel style={{ height: "40vh" }} header="烫褪">
+        <Row style={{ height: "40vh" }}>
+          <Panel header="烫褪">
             <Col lg={6} >
               <Table >
                 <thead>
@@ -66,8 +61,8 @@ function mainView(props: Props & Callbacks) {
             </Col>
           </Panel>
         </Row>
-        <Row>
-          <Panel style={{ height: "40vh" }} header="毛剥">
+        <Row style={{ height: "40vh" }} >
+          <Panel header="毛剥">
             <Col lg={6}>
               <Table>
                 <thead>
@@ -90,8 +85,8 @@ function mainView(props: Props & Callbacks) {
           </Panel>
         </Row>
       </Col>
-      <Col lg={4}>
-        <Panel style={{ height: "calc(80vh + 20px)" }} header="记录">
+      <Col lg={4} style={{ height: "80vh" }} >
+        <Panel header="记录">
           <Table>
             <thead>
               <tr>