Skip to content

Commit

Permalink
[#623] [도서 검색] Input 검색 아이콘 Layout Shift 해결 (#624)
Browse files Browse the repository at this point in the history
* refactor: input before 요소에 margin x 적용

* refactor: search icon에 min-width 적용
  • Loading branch information
gxxrxn committed Jun 17, 2024
1 parent 587f990 commit d0392d6
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/v1/base/Input.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ const getInputStyleClasses = (inputStyle: InputStyle) => {
const getLeftIconClass = (iconType?: LeftIconType) => {
switch (iconType) {
case 'search':
return 'px-[1rem] before:h-[2.4rem] before:w-[2rem] before:relative before:top-[0.2rem] before:mr-[1rem] before:content-search';
return 'pr-[1rem] before:h-[2.2rem] before:min-w-[2rem] before:relative before:top-[0.2rem] before:mx-[1rem] before:content-search';
default:
return '';
}
Expand Down

0 comments on commit d0392d6

Please sign in to comment.