feat(ip-address): modify Saas theme style (#3790)

Author: wuyiping0628

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;
+    }
   }
 }