From 072dc098493f37f08597896c7dd6340b03bc4abb Mon Sep 17 00:00:00 2001
From: Charles Zhao <charleszhao@silverhand.io>
Date: Wed, 12 Oct 2022 18:43:41 +0800
Subject: [PATCH] refactor(console): update table styles

---
 .../components/CopyToClipboard/index.module.scss  |  5 +++++
 packages/console/src/scss/normalized.scss         | 15 +++++++--------
 packages/console/src/scss/table.module.scss       |  4 ++--
 3 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/packages/console/src/components/CopyToClipboard/index.module.scss b/packages/console/src/components/CopyToClipboard/index.module.scss
index 542976b50..ae68d6b67 100644
--- a/packages/console/src/components/CopyToClipboard/index.module.scss
+++ b/packages/console/src/components/CopyToClipboard/index.module.scss
@@ -33,6 +33,11 @@
 
     .copyIcon {
       margin-left: _.unit(3);
+
+      svg {
+        width: 16px;
+        height: 16px;
+      }
     }
   }
 }
diff --git a/packages/console/src/scss/normalized.scss b/packages/console/src/scss/normalized.scss
index 5684e5679..c492cc99e 100644
--- a/packages/console/src/scss/normalized.scss
+++ b/packages/console/src/scss/normalized.scss
@@ -21,8 +21,7 @@ input {
 }
 
 table {
-  border: 1px solid var(--color-neutral-90);
-  border-radius: _.unit(2);
+  border: 1px solid var(--color-divider);
   border-spacing: 0;
   width: 100%;
   table-layout: fixed;
@@ -30,14 +29,14 @@ table {
   thead {
     th {
       font: var(--font-subhead-2);
-      color: var(--color-caption);
-      padding: _.unit(2);
-      border-bottom: 1px solid var(--color-neutral-90);
+      color: var(--color-text);
+      padding: _.unit(3);
+      border-bottom: 1px solid var(--color-divider);
       text-align: left;
 
       &:first-child,
       &:last-child {
-        padding: _.unit(2) _.unit(8);
+        padding: _.unit(3) _.unit(8);
       }
     }
   }
@@ -45,7 +44,7 @@ table {
   tbody {
     td {
       font: var(--font-body-medium);
-      border-bottom: 1px solid var(--color-neutral-90);
+      border-bottom: 1px solid var(--color-divider);
       padding: _.unit(3) _.unit(2);
 
       &:first-child,
@@ -68,7 +67,7 @@ table {
   background: var(--color-neutral-variant-80);
   background-clip: content-box;
   border: 4px solid transparent;
-  border-radius: 8px;
+  border-radius: 12px;
 }
 
 ::-webkit-scrollbar-track {
diff --git a/packages/console/src/scss/table.module.scss b/packages/console/src/scss/table.module.scss
index ab7ba729e..f16e48b3f 100644
--- a/packages/console/src/scss/table.module.scss
+++ b/packages/console/src/scss/table.module.scss
@@ -14,8 +14,8 @@ tr.clickable {
 
 .scrollable {
   overflow-y: auto;
-  border: 1px solid var(--color-neutral-90);
-  border-radius: _.unit(2);
+  border: 1px solid var(--color-divider);
+  border-radius: 12px;
 
   table {
     border: none;