From 5dd97a03a452d6f25545a37ff2d4795da2f29ea0 Mon Sep 17 00:00:00 2001
From: austnv <lesin2798@mail.ru>
Date: Sun, 14 Jun 2026 20:42:54 +0300
Subject: [PATCH] 1 rem div img

---
 src/components/IpSecurity.vue | 29 ++++++++++++++++++++---------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/components/IpSecurity.vue b/src/components/IpSecurity.vue
index 7ef5589..c95472c 100644
--- a/src/components/IpSecurity.vue
+++ b/src/components/IpSecurity.vue
@@ -29,22 +29,33 @@
         </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">
-            {{ ipData.location.country }}
-          </span>
-          <span v-if="ipData.asn?.name" class="hidden md:inline text-gray-400 align-middle">
-            • {{ truncateText(ipData.asn.name, 30) }}
-          </span>
         </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>
+        
+        <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>
   </div>