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"
/>
-
+
@@ -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));