From a0c67b05d96a1f13d1e8de188a0b5680a06b8a82 Mon Sep 17 00:00:00 2001
From: WenKang <manhongchung555@gmail.com>
Date: Wed, 19 Apr 2023 16:24:45 +0800
Subject: [PATCH] fix: update token (#476)

Co-authored-by: kadenzhong <kadenzhong@tencent.com>
---
 src/pages/dashboard/base/components/OutputOverview.vue | 4 ++--
 src/pages/dashboard/base/components/TopPanel.vue       | 4 ++--
 src/pages/dashboard/detail/index.vue                   | 6 +++---
 src/pages/detail/advanced/components/Product.vue       | 2 +-
 src/pages/detail/advanced/index.less                   | 2 +-
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/pages/dashboard/base/components/OutputOverview.vue b/src/pages/dashboard/base/components/OutputOverview.vue
index d342d1c..a71dac0 100644
--- a/src/pages/dashboard/base/components/OutputOverview.vue
+++ b/src/pages/dashboard/base/components/OutputOverview.vue
@@ -198,8 +198,8 @@ const onStokeDataChange = (checkedValues: string[]) => {
 
   &__content {
     &-title {
-      font: var(--td-font-headline-medium);
-      font-weight: 400;
+      font-size: var(--td-font-size-headline-medium);
+      line-height: var(--td-line-height-headline-medium);
     }
 
     &-footer {
diff --git a/src/pages/dashboard/base/components/TopPanel.vue b/src/pages/dashboard/base/components/TopPanel.vue
index 864401f..dd139c6 100644
--- a/src/pages/dashboard/base/components/TopPanel.vue
+++ b/src/pages/dashboard/base/components/TopPanel.vue
@@ -191,8 +191,8 @@ watch(
     > span {
       display: inline-block;
       color: var(--td-text-color-primary);
-      font: var(--td-font-headline-medium);
-      font-weight: 400;
+      font-size: var(--td-font-size-headline-medium);
+      line-height: var(--td-line-height-headline-medium);
     }
   }
 
diff --git a/src/pages/dashboard/detail/index.vue b/src/pages/dashboard/detail/index.vue
index fba58ef..7d28a40 100644
--- a/src/pages/dashboard/detail/index.vue
+++ b/src/pages/dashboard/detail/index.vue
@@ -29,7 +29,7 @@
               @change="onMaterialChange"
             />
           </template>
-          <div id="lineContainer" style="width: 100%; height: 412px" />
+          <div id="lineContainer" style="width: 100%; height: 416px" />
         </t-card>
       </t-col>
       <t-col :xs="12" :xl="3">
@@ -240,8 +240,8 @@ const onMaterialChange = (value: string[]) => {
   }
 
   &__number {
-    font: var(--td-font-headline-large);
-    font-weight: 400;
+    font-size: var(--td-font-size-headline-medium);
+    line-height: var(--td-font-size-headline-medium);
     color: var(--td-text-color-primary);
     margin-bottom: var(--td-comp-margin-xxl);
   }
diff --git a/src/pages/detail/advanced/components/Product.vue b/src/pages/detail/advanced/components/Product.vue
index d7128c9..c48ab97 100644
--- a/src/pages/detail/advanced/components/Product.vue
+++ b/src/pages/detail/advanced/components/Product.vue
@@ -65,7 +65,7 @@ export default defineComponent({
     height: 240px;
 
     .operator-title-icon {
-      background: var(--td-brand-color-focus);
+      background: var(--td-brand-color-light);
       color: var(--td-brand-color);
       font-size: var(--td-comp-size-xxxl);
       padding: calc(var(--td-comp-size-xxxl) - var(--td-comp-size-xl));
diff --git a/src/pages/detail/advanced/index.less b/src/pages/detail/advanced/index.less
index 0a6714d..9af9963 100644
--- a/src/pages/detail/advanced/index.less
+++ b/src/pages/detail/advanced/index.less
@@ -56,7 +56,7 @@
     border-radius: var(--td-radius-medium);
 
     .product-sub-icon {
-      background: var(--td-brand-color-focus);
+      background: var(--td-brand-color-light);
       color: var(--td-brand-color);
       font-size: var(--td-comp-size-xxxl);
       padding: calc(var(--td-comp-size-xxxl) - var(--td-comp-size-xl));