github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-06-27 15:29:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

update style

Browse Source
This commit is contained in:
Fine 2025-05-29 18:01:16 +08:00
parent f8d320a11f
commit 042e7dfb8f
1 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/Settings.vue
View File

@ -15,7 +15,7 @@ limitations under the License. -->
<template> <template>
<div class="settings"> <div class="settings">
<div class="flex-h item"> <div class="flex-h item">
<span class="label">{{ t("language") }}</span> <div class="label">{{ t("language") }}</div>
<Selector <Selector
v-model="lang" v-model="lang"
:options="Languages" :options="Languages"
@ -26,7 +26,7 @@ limitations under the License. -->
/> />
</div> </div>
<div class="flex-h item"> <div class="flex-h item">
<span class="label">{{ t("serverZone") }}</span> <div class="label">{{ t("serverZone") }}</div>
<div> <div>
<span>UTC</span> <span>UTC</span>
<span class="ml-5 mr-5">{{ utcHour >= 0 ? "+" : "" }}</span> <span class="ml-5 mr-5">{{ utcHour >= 0 ? "+" : "" }}</span>
@ -37,7 +37,7 @@ limitations under the License. -->
</div> </div>
</div> </div>
<div class="flex-h item"> <div class="flex-h item">
<span class="label">{{ t("auto") }}</span> <div class="label">{{ t("auto") }}</div>
<el-switch v-model="auto" @change="handleAuto" style="height: 25px" /> <el-switch v-model="auto" @change="handleAuto" style="height: 25px" />
<div class="auto-time ml-5"> <div class="auto-time ml-5">
<span class="auto-select"> <span class="auto-select">
@ -48,7 +48,7 @@ limitations under the License. -->
</div> </div>
</div> </div>
<div class="flex-h item"> <div class="flex-h item">
<span class="label">{{ t("metricsTTL") }}</span> <div class="label">{{ t("metricsTTL") }}</div>
<div> <div>
<span>Day: </span> <span>Day: </span>
<span class="mr-10">{{ settingsStore.configTTL.metrics?.day ?? -1 }}</span> <span class="mr-10">{{ settingsStore.configTTL.metrics?.day ?? -1 }}</span>
@ -67,7 +67,7 @@ limitations under the License. -->
</div> </div>
</div> </div>
<div class="flex-h item"> <div class="flex-h item">
<span class="label">{{ t("recordsTTL") }}</span> <div class="label">{{ t("recordsTTL") }}</div>
<div> <div>
<span>Normal: </span> <span>Normal: </span>
<span class="mr-10">{{ settingsStore.configTTL.records?.normal ?? -1 }}</span> <span class="mr-10">{{ settingsStore.configTTL.records?.normal ?? -1 }}</span>
@ -94,7 +94,7 @@ limitations under the License. -->
</div> </div>
</div> </div>
<div class="flex-h item"> <div class="flex-h item">
<span class="label">{{ t("clusterNodes") }}</span> <div class="label">{{ t("clusterNodes") }}</div>
<div> <div>
<el-table <el-table
:data="settingsStore.clusterNodes" :data="settingsStore.clusterNodes"
@ -118,7 +118,7 @@ limitations under the License. -->
</div> </div>
</div> </div>
<div class="flex-h item"> <div class="flex-h item">
<span class="label">{{ t("debuggingConfigDump") }}</span> <div class="label">{{ t("debuggingConfigDump") }}</div>
<div class="config-dump-content"> <div class="config-dump-content">
<div class="mb-10" v-for="(item, index) of Object.keys(settingsStore.debuggingConfig)" :key="`${item}${index}`"> <div class="mb-10" v-for="(item, index) of Object.keys(settingsStore.debuggingConfig)" :key="`${item}${index}`">
{{ `${item}: ${settingsStore.debuggingConfig[item]}` }} {{ `${item}: ${settingsStore.debuggingConfig[item]}` }}
@ -234,7 +234,6 @@ limitations under the License. -->
.tips { .tips {
text-align: center; text-align: center;
width: 80%; width: 80%;
line-height: 25px;
color: var(--el-text-color-secondary); color: var(--el-text-color-secondary);
} }
@ -286,7 +285,6 @@ limitations under the License. -->
display: inline-block; display: inline-block;
font-weight: 500; font-weight: 500;
color: $font-color; color: $font-color;
line-height: 25px;
} }
} }
</style> </style>