fix(component): fix incorrect input component width and height styling (#5292)

after: https://github.com/toeverything/AFFiNE/assets/102217452/5d8f51c5-c7a6-4ec8-b2b0-7f1391f045c7
2026-02-14 13:25:12 +00:00 · 2023-12-19 08:27:46 +00:00
parent d9f1cc60b9
commit 38617abc17
14 changed files with 45 additions and 41 deletions
--- a/packages/frontend/component/src/ui/input/style.css.ts
+++ b/packages/frontend/component/src/ui/input/style.css.ts
@@ -1,12 +1,7 @@
-import { createVar, style } from '@vanilla-extract/css';
-
-export const widthVar = createVar('widthVar');
+import { style } from '@vanilla-extract/css';

 export const inputWrapper = style({
-  vars: {
-    [widthVar]: '100%',
-  },
-  width: widthVar,
+  width: '100%',
  height: 28,
  lineHeight: '22px',
  padding: '0 10px',