yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve styling of search results

Browse Source
This commit is contained in:
Tom Moor
2023-11-28 23:04:20 -05:00
parent 5092694951
commit b8f5d669fe
5 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/scenes/Search/components/SearchInput.tsx
View File

@@ -33,7 +33,7 @@ function SearchInput(
return (
<Wrapper align="center">
<StyledIcon size={46} color={theme.textTertiary} onClick={focusInput} />
<StyledIcon size={46} color={theme.placeholder} onClick={focusInput} />
<StyledInput
{...rest}
defaultValue={defaultValue}
@@ -54,7 +54,7 @@ const Wrapper = styled(Flex)`
const StyledInput = styled.input`
width: 100%;
padding: 10px 10px 10px 60px;
font-size: 36px;
font-size: 30px;
font-weight: 400;
outline: none;
border: 0;
@@ -84,6 +84,7 @@ const StyledInput = styled.input`
const StyledIcon = styled(SearchIcon)`
position: absolute;
left: 8px;
opacity: 0.7;
`;
export default React.forwardRef(SearchInput);