feat: textFieldの構造を更新

pixiv · Nov 13, 2023 · 9e2be10 · 9e2be10
1 parent 7dfd71a
commit 9e2be10
Show file tree

Hide file tree

Showing 4 changed files with 355 additions and 541 deletions.
diff --git a/packages/react/src/components/TextField/TextField.story.tsx b/packages/react/src/components/TextField/TextField.story.tsx
@@ -67,7 +67,7 @@ HasAffix.args = {
 export const PrefixIcon: Story<Partial<TextFieldProps>> = (args) => (
   <TextField
     label="Label"
-    placeholder="Icon prefix"
+    placeholder="作品を検索"
     prefix={
       <PrefixIconWrap>
         <pixiv-icon name="16/Search" />
@@ -79,7 +79,6 @@ export const PrefixIcon: Story<Partial<TextFieldProps>> = (args) => (
 )
 
 const PrefixIconWrap = styled.div`
+  height: 16px;
   color: ${({ theme }) => theme.color.text3};
-  margin-top: 2px;
-  margin-right: 4px;
 `