From c835cec98c217149d18a2d79ada88872cb279960 Mon Sep 17 00:00:00 2001
From: hi2hi <code@hi2hi.cc>
Date: Mon, 23 Dec 2024 04:52:37 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20=E6=97=A0SarasaTerm=E5=AD=97?=
 =?UTF-8?q?=E4=BD=93=EF=BC=8C=E9=83=A8=E5=88=86=E5=AD=97=E4=BD=93=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=8A=A0=E7=B2=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/header.vue                         | 1 +
 src/use.js                                               | 1 +
 src/views/components/server-detail/server-name.vue       | 2 ++
 .../server-list/card/server-list-item-bill.vue           | 9 ++++++++-
 .../components/server-list/card/server-list-item.vue     | 2 ++
 5 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/layout/components/header.vue b/src/layout/components/header.vue
index 621b577..3c13d8d 100644
--- a/src/layout/components/header.vue
+++ b/src/layout/components/header.vue
@@ -318,6 +318,7 @@ const dashboardUrl = computed(() => config.nazhua.v1DashboardUrl || '/dashboard'
   .site-name {
     line-height: calc(var(--layout-header-height) - 20px);
     font-size: 24px;
+    font-weight: bold;
     color: #fff;
     text-shadow: 2px 2px 4px rgba(#000, 0.5);
     cursor: pointer;
diff --git a/src/use.js b/src/use.js
index 43d5c99..0ba70d4 100644
--- a/src/use.js
+++ b/src/use.js
@@ -11,5 +11,6 @@ export default (app) => {
   app.use(store);
   app.component('DotDotBox', DotDotBox);
 
+  app.config.globalProperties.$hasSarasaTerm = !import.meta.env.VITE_DISABLE_SARASA_TERM_SC;
   app.config.globalProperties.$config = config;
 };
diff --git a/src/views/components/server-detail/server-name.vue b/src/views/components/server-detail/server-name.vue
index 65dc28a..5a1e516 100644
--- a/src/views/components/server-detail/server-name.vue
+++ b/src/views/components/server-detail/server-name.vue
@@ -144,6 +144,7 @@ const platformLogoIconClassName = computed(() => hostUtils.getPlatformLogoIconCl
     .server-name {
       line-height: 30px;
       font-size: 24px;
+      font-weight: bold;
       color: #fff;
     }
 
@@ -156,6 +157,7 @@ const platformLogoIconClassName = computed(() => hostUtils.getPlatformLogoIconCl
     .core-mem {
       line-height: 30px;
       font-size: 16px;
+      font-weight: bold;
     }
 
     @media screen and (max-width: 500px) {
diff --git a/src/views/components/server-list/card/server-list-item-bill.vue b/src/views/components/server-list/card/server-list-item-bill.vue
index 1837fe6..0eda3fe 100644
--- a/src/views/components/server-list/card/server-list-item-bill.vue
+++ b/src/views/components/server-list/card/server-list-item-bill.vue
@@ -36,6 +36,9 @@
           v-for="(tagItem, index) in tagList"
           :key="`${tagItem}_${index}`"
           class="tag-item"
+          :class="{
+            'has-sarasa-term': $hasSarasaTerm,
+          }"
         >
           {{ tagItem }}
         </span>
@@ -184,12 +187,16 @@ const show = computed(() => {
     .tag-item {
       height: 18px;
       padding: 0 4px;
-      line-height: 20px;
+      line-height: 18px;
       font-size: 12px;
       color: var(--public-note-tag-color);
       background: var(--public-note-tag-bg);
       text-shadow: 1px 1px 2px rgba(#000, 0.2);
       border-radius: 4px;
+
+      &.has-sarasa-term {
+        line-height: 20px;
+      }
     }
   }
 
diff --git a/src/views/components/server-list/card/server-list-item.vue b/src/views/components/server-list/card/server-list-item.vue
index 164e5a2..27f9c7a 100644
--- a/src/views/components/server-list/card/server-list-item.vue
+++ b/src/views/components/server-list/card/server-list-item.vue
@@ -167,6 +167,7 @@ function openDetail() {
       height: 30px;
       line-height: 32px;
       font-size: 14px;
+      font-weight: bold;
     }
 
     .cpu-mem-group {
@@ -178,6 +179,7 @@ function openDetail() {
     .core-mem {
       height: 30px;
       line-height: 32px;
+      font-weight: bold;
     }
   }