From 8eba24488ba5b71a1110236588543781e304c520 Mon Sep 17 00:00:00 2001
From: surunzi <redhoodsu@tencent.com>
Date: Fri, 27 Sep 2019 12:05:37 +0800
Subject: [PATCH] feat(console): change table style

---
 src/Console/Console.scss |  1 +
 src/Console/Logger.scss  | 13 +++++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/Console/Console.scss b/src/Console/Console.scss
index 7610f70..0f4cd28 100644
--- a/src/Console/Console.scss
+++ b/src/Console/Console.scss
@@ -10,6 +10,7 @@
         padding: 10px 10px 10px 40px;
         background: #fff;
         line-height: 20px;
+        border-bottom: 1px solid $gray-light;
         .icon-clear,
         .icon-info {
           display: inline-block;
diff --git a/src/Console/Logger.scss b/src/Console/Logger.scss
index 3c8e131..64d0d72 100644
--- a/src/Console/Logger.scss
+++ b/src/Console/Logger.scss
@@ -116,15 +116,24 @@
             table {
               width: 100%;
               background: #fff;
-              border-bottom: 1px solid $gray-light;
               border-collapse: collapse;
+              box-shadow: $box-shadow;
+              border-radius: $border-radius;
+              overflow: hidden;
               th {
                 background: $blue;
                 color: #fff;
               }
               th,
               td {
-                padding: 10px;
+                border-left: 1px solid $gray;
+                padding: 3px $padding;
+                &:first-child {
+                  border-left: none !important;
+                }
+              }
+              tr:nth-child(even) {
+                background: $gray-light;
               }
             }
             .blue {