uVPN/frontend
1
0
Fork 0
Code Issues 1 Pull Requests Actions Releases 6 Activity

1 rem div img

Browse Source
This commit is contained in:
austnv
2026-06-14 20:42:54 +03:00
parent 8f8eeb958c
commit 5dd97a03a4
1 changed files with 20 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/IpSecurity.vue
+17 -6
View File
@@ -29,21 +29,32 @@
</div>
<!-- Локация с флагом -->
<div class="flex items-center justify-center gap-2 text-xs text-gray-500 dark:text-gray-400">
<div class="flex items-center justify-center gap-1 text-xs text-gray-500 dark:text-gray-400">
<div class="flex h-4 justify-center">
<img
v-if="flagUrl"
:src="flagUrl"
:alt="countryCode"
class="w-4 h-3 object-cover align-middle"
class="w-4 h-3 object-cover"
@error="handleFlagError"
/>
<span v-if="ipData.location?.city" class="hidden sm:inline align-middle">{{ ipData.location.city }}</span>
<span v-if="ipData.location?.country" class="text-gray-600 dark:text-gray-300 font-medium align-middle">
</div>
<template v-if="ipData.location?.city">
<span class="hidden sm:inline">{{ ipData.location.city }}</span>
<span class="text-gray-400 hidden sm:inline">•</span>
</template>
<span v-if="ipData.location?.country" class="text-gray-600 dark:text-gray-300 font-medium">
{{ ipData.location.country }}
</span>
<span v-if="ipData.asn?.name" class="hidden md:inline text-gray-400 align-middle">
• {{ truncateText(ipData.asn.name, 30) }}
<template v-if="ipData.asn?.name">
<span class="text-gray-400 hidden md:inline">•</span>
<span class="hidden md:inline text-gray-400">
{{ truncateText(ipData.asn.name, 30) }}
</span>
</template>
</div>
</div>
</div>