adjust searchInput to match button width

2026-05-07 04:20:12 +02:00 · 2025-11-15 13:35:29 -08:00
parent 2c9edc47e1
commit e246e4c0b7
1 changed files with 2 additions and 1 deletions
@@ -76,13 +76,14 @@ export const SearchInput = ({

    const hasValue = props.value || ref.current?.value;
    const shouldShowInput = isInputMode || hasValue;
+    const shouldExpand = isInputMode || hasValue;

    const containerStyle: CSSProperties = {
        display: 'inline-flex',
        overflow: 'hidden',
        position: 'relative',
        transition: 'width 0.3s ease-in-out',
-        width: shouldShowInput ? '200px' : '40px',
+        width: shouldExpand ? '200px' : '36px',
    };

    const buttonStyle: CSSProperties = {