Merge pull request #1234 from Zqysl/qingyu/fix-ops-runtime-log-controls-layout
fix(ops): prevent runtime log controls UI overflow
This commit is contained in:
@@ -344,7 +344,7 @@ onMounted(async () => {
|
|||||||
<div class="text-xs font-semibold text-gray-700 dark:text-gray-200">运行时日志配置(实时生效)</div>
|
<div class="text-xs font-semibold text-gray-700 dark:text-gray-200">运行时日志配置(实时生效)</div>
|
||||||
<span v-if="runtimeLoading" class="text-xs text-gray-500">加载中...</span>
|
<span v-if="runtimeLoading" class="text-xs text-gray-500">加载中...</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid grid-cols-1 gap-3 md:grid-cols-6">
|
<div class="grid grid-cols-1 gap-3 md:grid-cols-2 xl:grid-cols-6">
|
||||||
<label class="text-xs text-gray-600 dark:text-gray-300">
|
<label class="text-xs text-gray-600 dark:text-gray-300">
|
||||||
级别
|
级别
|
||||||
<select v-model="runtimeConfig.level" class="input mt-1">
|
<select v-model="runtimeConfig.level" class="input mt-1">
|
||||||
@@ -374,21 +374,27 @@ onMounted(async () => {
|
|||||||
保留天数
|
保留天数
|
||||||
<input v-model.number="runtimeConfig.retention_days" type="number" min="1" max="3650" class="input mt-1" />
|
<input v-model.number="runtimeConfig.retention_days" type="number" min="1" max="3650" class="input mt-1" />
|
||||||
</label>
|
</label>
|
||||||
<div class="flex items-end gap-2">
|
<div class="md:col-span-2 xl:col-span-6">
|
||||||
<label class="inline-flex items-center gap-2 text-xs text-gray-600 dark:text-gray-300">
|
<div class="grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-end">
|
||||||
<input v-model="runtimeConfig.caller" type="checkbox" />
|
<div class="flex flex-wrap items-center gap-x-4 gap-y-2">
|
||||||
caller
|
<label class="inline-flex items-center gap-2 text-xs text-gray-600 dark:text-gray-300">
|
||||||
</label>
|
<input v-model="runtimeConfig.caller" type="checkbox" />
|
||||||
<label class="inline-flex items-center gap-2 text-xs text-gray-600 dark:text-gray-300">
|
caller
|
||||||
<input v-model="runtimeConfig.enable_sampling" type="checkbox" />
|
</label>
|
||||||
sampling
|
<label class="inline-flex items-center gap-2 text-xs text-gray-600 dark:text-gray-300">
|
||||||
</label>
|
<input v-model="runtimeConfig.enable_sampling" type="checkbox" />
|
||||||
<button type="button" class="btn btn-primary btn-sm" :disabled="runtimeSaving" @click="saveRuntimeConfig">
|
sampling
|
||||||
{{ runtimeSaving ? '保存中...' : '保存并生效' }}
|
</label>
|
||||||
</button>
|
</div>
|
||||||
<button type="button" class="btn btn-secondary btn-sm" :disabled="runtimeSaving" @click="resetRuntimeConfig">
|
<div class="flex flex-wrap items-center gap-2 lg:justify-end">
|
||||||
回滚默认值
|
<button type="button" class="btn btn-primary btn-sm" :disabled="runtimeSaving" @click="saveRuntimeConfig">
|
||||||
</button>
|
{{ runtimeSaving ? '保存中...' : '保存并生效' }}
|
||||||
|
</button>
|
||||||
|
<button type="button" class="btn btn-secondary btn-sm" :disabled="runtimeSaving" @click="resetRuntimeConfig">
|
||||||
|
回滚默认值
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p v-if="health.last_error" class="mt-2 text-xs text-red-600 dark:text-red-400">最近写入错误:{{ health.last_error }}</p>
|
<p v-if="health.last_error" class="mt-2 text-xs text-red-600 dark:text-red-400">最近写入错误:{{ health.last_error }}</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user