refactor(theme): [ip-address] refactor ip-address theme vars

opentiny · Sep 30, 2024 · 8479aaa · 8479aaa
1 parent b272062
commit 8479aaa
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/examples/sites/demos/pc/app/ip-address/size.spec.ts b/examples/sites/demos/pc/app/ip-address/size.spec.ts
@@ -7,7 +7,7 @@ test('ipAddress 输入框大小', async ({ page }) => {
   const demo = page.locator('#size')
   const ipAddress = demo.locator('.tiny-ip-address__input')
 
-  await expect(ipAddress.first()).toHaveCSS('height', '42px')
+  await expect(ipAddress.first()).toHaveCSS('height', '40px')
   await expect(ipAddress.nth(1)).toHaveCSS('height', '32px')
   await expect(ipAddress.nth(2)).toHaveCSS('height', '28px')
   await expect(ipAddress.nth(3)).toHaveCSS('height', '24px')

diff --git a/packages/theme/src/ip-address/vars.less b/packages/theme/src/ip-address/vars.less
@@ -48,11 +48,11 @@
   // Ip地址输入框item宽度
   --tv-IpAddress-input-width: 32px;
   // 大尺寸高度
-  --tv-IpAddress-medium-height: var(--tv-size-height-lg);
+  --tv-IpAddress-medium-height: calc(var(--tv-size-height-lg) - 2px);
   // 默认尺寸高度
-  --tv-IpAddress-default-height: var(--tv-size-height-md);
+  --tv-IpAddress-default-height: calc(var(--tv-size-height-md) - 2px);
   // 小尺寸高度
-  --tv-IpAddress-small-height: var(--tv-size-height-sm);
+  --tv-IpAddress-small-height: calc(var(--tv-size-height-sm) - 2px);
   // 超小尺寸高度
-  --tv-IpAddress-mini-height: var(--tv-size-height-xs);
+  --tv-IpAddress-mini-height: calc(var(--tv-size-height-xs) - 2px);
 }