feat: TET-854 improve search styling

VirtusLab · Jul 1, 2024 · cba8325 · cba8325
1 parent 338eca0
commit cba8325
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/src/components/InlineSearchInput/InlineSearchInput.styles.ts b/src/components/InlineSearchInput/InlineSearchInput.styles.ts
@@ -22,7 +22,7 @@ export const defaultConfig: SearchInputProps['custom'] = {
     input: {
       w: 'unset',
       h: 'unset',
-      minWidth: '50px',
+      minWidth: '30px',
       backgroundColor: 'transparent',
       padding: 0,
       display: 'inline-block',

diff --git a/src/components/TextInput/TextInput.tsx b/src/components/TextInput/TextInput.tsx
@@ -44,8 +44,6 @@ export const TextInput = forwardRef<
       ...restProps,
     });
 
-    const showClearButton = !!hasClearButton && (value || innerValue);
-
     return (
       <tet.div
         ref={containerRef}
@@ -94,9 +92,8 @@ export const TextInput = forwardRef<
           ref={inputRef}
           size={0}
           padding={0}
-          w={showClearButton ? 'calc(100%-28px)' : '100%'}
         />
-        {showClearButton && (
+        {!!hasClearButton && (value || innerValue) && (
           <IconButton
             variant="bare"
             icon="20-close"