admin/TaskPool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: ip dialog style

Browse Source
This commit is contained in:
duorameng
2026-04-15 08:49:35 +08:00
parent 1cd05a50ca
commit 625673654a
2 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/ui/BaihuDialog.vue
+3 -3
View File
@@ -65,8 +65,8 @@ const sizeClasses = {
{{ title }}
</DialogTitle>
</div>
<DialogDescription v-if="description" class="text-xs text-muted-foreground/60 leading-relaxed truncate">
{{ description }}
<DialogDescription v-if="description || $slots.description" class="text-xs text-muted-foreground/60 leading-relaxed truncate">
<slot name="description">{{ description }}</slot>
</DialogDescription>
<DialogDescription v-else class="sr-only">
{{ title || '提示对话框' }}
@@ -83,7 +83,7 @@ const sizeClasses = {
</div>
<!-- 内容区域 (保持整洁简洁) -->
<div class="p-6">
<div class="p-4 sm:p-6">
<div class="animate-in fade-in slide-in-from-bottom-1 duration-400">
<slot />
</div>
web/src/views/loginlogs/tabs/LoginLogTab.vue
+11 -11
View File
@@ -221,7 +221,7 @@ onMounted(loadLogs)
<Loader2 class="h-8 w-8 animate-spin text-primary/40" />
</div>
<div v-else-if="ipGeoInfo" class="space-y-4">
<div class="grid grid-cols-2 gap-4">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4">
<div class="p-3 rounded-xl bg-muted/20 border border-border/10 space-y-1">
<p class="text-[10px] uppercase tracking-wider text-muted-foreground font-bold">国家/地区</p>
<p class="text-sm font-medium">{{ ipGeoInfo.country }} ({{ ipGeoInfo.country_code }})</p>
@@ -233,21 +233,21 @@ onMounted(loadLogs)
</div>
<div class="p-4 rounded-xl bg-muted/20 border border-border/10 space-y-3">
<div class="flex justify-between items-center text-sm">
<span class="text-muted-foreground">运营商</span>
<span class="font-medium truncate ml-4">{{ ipGeoInfo.isp || '-' }}</span>
<div class="flex justify-between items-center text-sm gap-2">
<span class="text-muted-foreground shrink-0">运营商</span>
<span class="font-medium truncate text-right">{{ ipGeoInfo.isp || '-' }}</span>
</div>
<div class="flex justify-between items-center text-sm">
<span class="text-muted-foreground">组织</span>
<span class="font-medium truncate ml-4">{{ ipGeoInfo.organization || '-' }}</span>
<div class="flex justify-between items-center text-sm gap-2">
<span class="text-muted-foreground shrink-0">组织</span>
<span class="font-medium truncate text-right">{{ ipGeoInfo.organization || '-' }}</span>
</div>
<div class="flex justify-between items-center text-sm">
<span class="text-muted-foreground">ASN</span>
<span class="font-medium truncate ml-4">{{ ipGeoInfo.asn }} - {{ ipGeoInfo.asn_organization || '-' }}</span>
<div class="flex justify-between items-center text-sm gap-2">
<span class="text-muted-foreground shrink-0">ASN</span>
<span class="font-medium truncate text-right">{{ ipGeoInfo.asn }} - {{ ipGeoInfo.asn_organization || '-' }}</span>
</div>
</div>
<div class="flex items-center justify-between p-3 rounded-xl bg-primary/5 border border-primary/10 text-xs">
<div class="flex items-center justify-between p-3 rounded-xl bg-primary/5 border border-primary/10 text-[11px] sm:text-xs">
<span class="text-muted-foreground font-medium">地理坐标</span>
<span class="font-mono text-primary/70">{{ ipGeoInfo.latitude }}, {{ ipGeoInfo.longitude }}</span>
</div>