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 }} @@ -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; } }