优化数据看板

web/views/@default/@grids.less

@@ -41,7 +41,7 @@
 	}
 
 	.column:hover {
-		background: rgba(0, 0, 0, .03)!important;
+		background: rgba(0, 0, 0, .03) !important;
 
 		a {
 			display: inline;
@@ -50,13 +50,25 @@
 }
 
 .grid.chart-grid {
-	margin-top: 1em!important;
+	margin-top: 1em !important;
 	margin-left: 0.4em !important;
 
 	.column {
 		margin-bottom: 1em;
 		border: 1px rgba(0, 0, 0, .1) solid;
 		border-right: 0;
+
+		.menu {
+			margin-top: -0.6em !important;
+			margin-bottom: -0.6em !important;
+		}
+
+		h4 {
+			span {
+				font-size: 0.8em;
+				color: grey;
+			}
+		}
 	}
 
 	.column.with-border {

web/views/@default/@layout.css

@@ -152,7 +152,7 @@ body.expanded .right-box {
   display: inline;
 }
 .grid.chart-grid {
-  margin-top: 1em!important;
+  margin-top: 1em !important;
   margin-left: 0.4em !important;
 }
 .grid.chart-grid .column {
@@ -160,6 +160,14 @@ body.expanded .right-box {
   border: 1px rgba(0, 0, 0, 0.1) solid;
   border-right: 0;
 }
+.grid.chart-grid .column .menu {
+  margin-top: -0.6em !important;
+  margin-bottom: -0.6em !important;
+}
+.grid.chart-grid .column h4 span {
+  font-size: 0.8em;
+  color: grey;
+}
 .grid.chart-grid .column.with-border {
   border-right: 1px rgba(0, 0, 0, 0.1) solid;
 }

web/views/@default/dashboard/index.html

@@ -96,10 +96,11 @@
 
 <chart-columns-grid>
     <div class="ui column">
-        <div class="ui menu tabular" v-show="!isLoading">
+        <div class="ui menu text blue" v-show="!isLoading">
             <a href="" class="item" :class="{active: trafficTab == 'hourly'}" @click.prevent="selectTrafficTab('hourly')">24小时流量趋势</a>
             <a href="" class="item" :class="{active: trafficTab == 'daily'}" @click.prevent="selectTrafficTab('daily')">15天流量趋势</a>
         </div>
+        <div class="ui divider"></div>
 
         <!-- 按小时统计 -->
         <div class="chart-box" id="hourly-traffic-chart-box" v-show="trafficTab == 'hourly'"></div>
@@ -111,6 +112,7 @@
     <div class="ui column">
         <!-- 域名排行 -->
         <h4 v-show="!isLoading">域名访问排行 <span>（24小时）</span></h4>
+        <div class="ui divider"></div>
         <div class="chart-box" id="top-domains-chart"></div>
     </div>
 

web/views/@default/servers/server/stat/clients.js

@@ -62,7 +62,7 @@ Tea.context(function () {
 					itemStyle: {
 						color: teaweb.DefaultChartColor
 					},
-					barWidth: "20em"
+					barWidth: "10em"
 				}
 			],
 			animation: true

web/views/@default/servers/server/stat/providers.js

@@ -53,7 +53,7 @@ Tea.context(function () {
 					itemStyle: {
 						color: teaweb.DefaultChartColor
 					},
-					barWidth: "20em"
+					barWidth: "10em"
 				}
 			],
 			animation: true

web/views/@default/servers/server/stat/regions.js

@@ -74,7 +74,7 @@ Tea.context(function () {
 					itemStyle: {
 						color: teaweb.DefaultChartColor
 					},
-					barWidth: "20em"
+					barWidth: "10em"
 				}
 			],
 			animation: true

web/views/@default/servers/server/stat/waf.js

@@ -161,7 +161,7 @@ Tea.context(function () {
 					itemStyle: {
 						color: teaweb.DefaultChartColor
 					},
-					barWidth: "20em"
+					barWidth: "10em"
 				}
 			],
 			animation: true