|
@@ -391,11 +391,11 @@ function renderChartTooltip(params: any) {
|
|
|
const marker = String(item?.marker ?? '');
|
|
const marker = String(item?.marker ?? '');
|
|
|
const valueColor = name === usagePercentName ? '#7E0040' : '#000000';
|
|
const valueColor = name === usagePercentName ? '#7E0040' : '#000000';
|
|
|
|
|
|
|
|
- return `<div style="display:flex;align-items:center;gap:6px;margin-top:6px;"><span>${marker}</span><span style="color:${valueColor};font-size:16px;">${name}:</span><span style="color:${valueColor};font-size:16px;font-weight:700;">${value}</span></div>`;
|
|
|
|
|
|
|
+ return `<div style="display:flex;align-items:center;gap:6px;margin-top:6px;"><span>${marker}</span><span style="color:${valueColor};font-size:13px;">${name}:</span><span style="color:${valueColor};font-size:13px;font-weight:700;">${value}</span></div>`;
|
|
|
})
|
|
})
|
|
|
.join('');
|
|
.join('');
|
|
|
|
|
|
|
|
- return `<div><div style="color:#2E0018;font-size:16px;line-height:24px;font-weight:700;">${title}</div>${lineHtml}</div>`;
|
|
|
|
|
|
|
+ return `<div><div style="color:#2E0018;font-size:15px;line-height:22px;font-weight:700;">${title}</div>${lineHtml}</div>`;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
function renderDashboardChart() {
|
|
function renderDashboardChart() {
|
|
@@ -664,7 +664,7 @@ watch(
|
|
|
|
|
|
|
|
<template>
|
|
<template>
|
|
|
<section
|
|
<section
|
|
|
- class="grid h-full min-h-0 w-full grid-rows-[auto_48px_minmax(0,1fr)_minmax(0,1.25fr)] gap-4 pt-4"
|
|
|
|
|
|
|
+ class="dashboard-home-typography grid h-full min-h-0 w-full grid-rows-[auto_48px_minmax(0,1fr)_minmax(0,1.25fr)] gap-4 pt-4"
|
|
|
>
|
|
>
|
|
|
<div
|
|
<div
|
|
|
class="overflow-hidden rounded-xl bg-white shadow-[0_10px_24px_0_rgba(46,0,24,0.12)]"
|
|
class="overflow-hidden rounded-xl bg-white shadow-[0_10px_24px_0_rgba(46,0,24,0.12)]"
|
|
@@ -1017,6 +1017,30 @@ watch(
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
|
|
+.dashboard-home-typography {
|
|
|
|
|
+ font-family: 'Open Sans', sans-serif;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.dashboard-home-typography :deep([class*='text-[26px]']) {
|
|
|
|
|
+ font-size: 18px !important;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.dashboard-home-typography :deep([class*='text-[18px]']) {
|
|
|
|
|
+ font-size: 15px !important;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.dashboard-home-typography :deep([class*='text-[16px]']) {
|
|
|
|
|
+ font-size: 13px !important;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.dashboard-home-typography :deep([class*='text-[15px]']) {
|
|
|
|
|
+ font-size: 13px !important;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.dashboard-home-typography :deep([class*='text-[14px]']) {
|
|
|
|
|
+ font-size: 12px !important;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.team-permission-result-wrap {
|
|
.team-permission-result-wrap {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -1054,7 +1078,7 @@ watch(
|
|
|
|
|
|
|
|
.team-permission-title {
|
|
.team-permission-title {
|
|
|
margin-top: 5px;
|
|
margin-top: 5px;
|
|
|
- font-size: clamp(15px, 1.8vw, 18px);
|
|
|
|
|
|
|
+ font-size: clamp(13px, 1.6vw, 15px);
|
|
|
line-height: 1.25;
|
|
line-height: 1.25;
|
|
|
color: #2e0018;
|
|
color: #2e0018;
|
|
|
}
|
|
}
|