vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-09 20:29:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

adjust searchInput to match button width

Browse Source
This commit is contained in:
jeffvli
2025-11-15 13:35:29 -08:00
parent e5237dddfb
commit 96a17f91a0
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/shared/components/search-input.tsx
+2 -1
View File
@@ -76,13 +76,14 @@ export const SearchInput = ({
const hasValue = props.value || ref.current?.value; const hasValue = props.value || ref.current?.value;
const shouldShowInput = isInputMode || hasValue; const shouldShowInput = isInputMode || hasValue;
const shouldExpand = isInputMode || hasValue;
const containerStyle: CSSProperties = { const containerStyle: CSSProperties = {
display: 'inline-flex', display: 'inline-flex',
overflow: 'hidden', overflow: 'hidden',
position: 'relative', position: 'relative',
transition: 'width 0.3s ease-in-out', transition: 'width 0.3s ease-in-out',
width: shouldShowInput ? '200px' : '40px', width: shouldExpand ? '200px' : '36px',
}; };
const buttonStyle: CSSProperties = { const buttonStyle: CSSProperties = {