Skip to content

Commit 5f5f906

Browse files
committed
fix: no borderRadius for searchInput when hard edges on the sides
1 parent 688e935 commit 5f5f906

File tree

1 file changed

+6
-2
lines changed

1 file changed

+6
-2
lines changed

ts/components/SessionSearchInput.tsx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,6 @@ const StyledSearchInput = styled.div`
2323
display: inline-flex;
2424
align-items: center;
2525
flex-shrink: 0;
26-
border-radius: 100px;
2726
padding-inline: var(--margins-sm);
2827
`;
2928

@@ -88,8 +87,13 @@ export const SessionSearchInput = ({ searchType }: { searchType: SearchType }) =
8887
? localize('searchContacts').toString()
8988
: localize('search').toString();
9089

90+
const borderRadius = searchType === 'global' || searchType === 'create-group' ? '0' : '100px';
91+
9192
return (
92-
<StyledSearchInput data-testid={isGroupCreationSearch ? 'search-contacts-field' : undefined}>
93+
<StyledSearchInput
94+
data-testid={isGroupCreationSearch ? 'search-contacts-field' : undefined}
95+
style={{ borderRadius }}
96+
>
9397
<LucideIcon
9498
iconColor="var(--search-bar-icon-color)"
9599
iconSize={iconSize}

0 commit comments

Comments
 (0)