From 9f330c2fc0cc8f4418a9afa9696b5f79a2868dbf Mon Sep 17 00:00:00 2001
From: wuyiping0628 <1106773985@qq.com>
Date: Thu, 30 Oct 2025 16:42:36 -0700
Subject: [PATCH] feat(ip-address): modify Saas theme style

---
 packages/theme-saas/src/ip-address/index.less | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/theme-saas/src/ip-address/index.less b/packages/theme-saas/src/ip-address/index.less
index eecfe4654f..1d323c0997 100644
--- a/packages/theme-saas/src/ip-address/index.less
+++ b/packages/theme-saas/src/ip-address/index.less
@@ -5,7 +5,7 @@
 @ip-address-prefix-cls: ~'@{css-prefix}ip-address';
 
 .@{ip-address-prefix-cls} {
-  @apply w-72;
+  @apply w-80;
   @apply ~'max-w-[100%]';
   @apply outline-0;
   @apply inline-table;
@@ -21,7 +21,7 @@
     @apply rounded;
     @apply bg-color-bg-1;
     @apply text-xs;
-    @apply block;
+    @apply flex;
     @apply whitespace-nowrap;
     @apply bg-none;
     .user-select(auto);
@@ -64,7 +64,6 @@
     li {
       @apply float-left;
       @apply overflow-hidden;
-      @apply ~'w-1/4';
       @apply inline-flex;
       @apply items-center;
 
@@ -91,6 +90,8 @@
       }
 
       &:last-child {
+        @apply  mr-3;
+
         > svg {
           @apply hidden;
         }
@@ -111,6 +112,10 @@
           @apply text-xs;
         }
       }
+
+      &:first-child {
+        @apply ml-3;
+      }
     }
     &.medium {
       height: 42px;
@@ -144,5 +149,9 @@
         @apply leading-6;
       }
     }
+
+    &__ipv6-delimiter {
+      @apply ml-1 mr-1;
+    }
   }
 }