chore: udpate badge text desc

This commit is contained in:
duorameng
2026-04-24 14:06:27 +08:00
parent 1e37259c98
commit 84c23585b5
5 changed files with 7 additions and 8 deletions
+1 -2
View File
@@ -110,8 +110,7 @@ function getLevelColor(level: string) {
<div class="flex items-start justify-between gap-2 mb-1 cursor-pointer" @click="markAsRead(notice.id)">
<div class="flex-1 min-w-0">
<div class="flex items-center gap-2 mb-1">
<Badge :variant="getLevelColor(notice.level) as any" class="px-1.5 py-0 text-[10px]">{{ notice.level
|| 'info' }}</Badge>
<Badge :variant="getLevelColor(notice.level) as any" class="px-1.5 py-0 text-[10px]">{{ notice.level === 'error' ? '错误' : (notice.level === 'warning' ? '警告' : '提示') }}</Badge>
<span class="text-sm font-medium truncate">{{ notice.title }}</span>
</div>
<p class="text-xs text-muted-foreground line-clamp-2">{{ notice.content }}</p>
+1 -1
View File
@@ -252,7 +252,7 @@ onMounted(async () => {
<Package class="h-4 w-4 text-primary/80" />
<span class="text-sm">正在管理环境: <span class="font-bold font-mono">{{ language }}@{{ langVersion }}</span></span>
</div>
<Badge variant="outline" class="font-mono text-xs border-primary/20 text-primary/80">Scoped Environment</Badge>
<Badge variant="outline" class="font-mono text-xs border-primary/20 text-primary/80">隔离环境</Badge>
</div>
<div class="mt-4">
+2 -2
View File
@@ -327,7 +327,7 @@ onBeforeUnmount(() => {
<div class="flex items-center gap-2 flex-1 min-w-0 pr-2">
<span class="text-[10px] text-muted-foreground shrink-0 tabular-nums opacity-60">#{{ total - (currentPage - 1) * pageSize - index }}</span>
<code class="font-bold text-xs bg-muted/60 px-2 py-0.5 rounded truncate max-w-[120px] sm:max-w-none text-zinc-700 dark:text-zinc-200">{{ env.name }}</code>
<Badge v-if="isNotifyEnv(env.name)" variant="secondary" class="shrink-0 text-[8px] h-3.5 px-1 rounded-sm uppercase font-bold tracking-tighter leading-none">Built-in</Badge>
<Badge v-if="isNotifyEnv(env.name)" variant="secondary" class="shrink-0 text-[8px] h-3.5 px-1 rounded-sm uppercase font-bold tracking-tighter leading-none">内置</Badge>
</div>
<span class="cursor-pointer group shrink-0"
@click="toggleEnabled(env)" :title="env.enabled ? '已启用' : '已禁用'">
@@ -383,7 +383,7 @@ onBeforeUnmount(() => {
</div>
<div class="w-32 sm:w-48 shrink-0 flex items-center gap-1 overflow-hidden pr-2">
<code class="font-medium truncate text-[11px] bg-muted/50 px-2 py-0.5 rounded text-zinc-600 dark:text-zinc-300">{{ env.name }}</code>
<Badge v-if="isNotifyEnv(env.name)" variant="secondary" class="text-[8px] h-3.5 px-1 rounded-sm uppercase font-bold tracking-tighter shrink-0 border-zinc-200/50 dark:border-zinc-700/50 leading-none">Built-in</Badge>
<Badge v-if="isNotifyEnv(env.name)" variant="secondary" class="text-[8px] h-3.5 px-1 rounded-sm uppercase font-bold tracking-tighter shrink-0 border-zinc-200/50 dark:border-zinc-700/50 leading-none">内置</Badge>
</div>
<span class="flex-1 min-w-0 text-muted-foreground truncate text-xs px-1">
<TextOverflow :text="showValues[env.id] ? env.value : maskValue(env.value)" title="查看值" />
@@ -255,7 +255,7 @@ function onDialogClose(open: boolean) {
]">
<div class="flex items-center gap-1 uppercase tracking-tighter">
<component :is="getLevelIcon(selectedLog.level)" class="h-3 w-3" />
<span>{{ selectedLog.level }}</span>
<span>{{ selectedLog.level === LOG_LEVEL.INFO ? '信息' : selectedLog.level === LOG_LEVEL.WARNING ? '警告' : '错误' }}</span>
</div>
</Badge>
<span class="text-[10px] text-muted-foreground font-mono">{{ selectedLog ? formatDate(selectedLog.created_at) : '-' }}</span>
+2 -2
View File
@@ -340,8 +340,8 @@ const currentExample = computed(() => {
<div class="mb-4 border-b border-zinc-200 dark:border-zinc-800/50 pb-3">
<div class="flex items-center gap-2 mb-1.5">
<Badge class="bg-primary text-primary-foreground border-none py-0 px-2 text-[10px]">RECOMMENDED</Badge>
<span class="text-sm font-bold text-zinc-900 dark:text-zinc-100">内建助手库 (Built-in)</span>
<Badge class="bg-primary text-primary-foreground border-none py-0 px-2 text-[10px]">推荐</Badge>
<span class="text-sm font-bold text-zinc-900 dark:text-zinc-100">内建助手库 (内置)</span>
</div>
<p class="text-[12px] text-zinc-500 leading-normal">
白虎面板内置了跨语言的脚本推送工具通过环境层预装该库您的脚本可以实现完全的零配置调用