prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Styling on the search button

Browse source
This commit is contained in:
Jackson Harper 2023-03-06 15:39:03 +08:00
parent d4529ca281
commit c74f26a2f0
2 changed files with 16 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
packages/web/components/elements/Button.tsx
View file

@ -259,6 +259,20 @@ export const IconButton = styled(Button, {
width: 40,
height: 40,
},
searchButton: {
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
p: '0px',
mr: '5px',
width: '28px',
height: '28px',
color: '#898989',
border: 'unset',
background: '$thBackground',
boxSizing: 'border-box',
borderRadius: 6,
},
},
},
})

15
packages/web/components/templates/homeFeed/LibraryHeader.tsx
View file

@ -276,13 +276,7 @@ export function SearchBox(props: SearchBoxProps): JSX.Element {
}}
>
<IconButton
css={{
p: '0px',
mr: '5px',
width: '28px',
height: '28px',
color: '#898989',
}}
style="searchButton"
onClick={(event) => {
event.preventDefault()
setSearchTerm('')
@ -306,12 +300,7 @@ export function SearchBox(props: SearchBoxProps): JSX.Element {
}}
>
<IconButton
css={{
mr: '5px',
width: '28px',
height: '28px',
color: '#898989',
}}
style="searchButton"
onClick={() =>
requestAnimationFrame(() => inputRef?.current?.focus())
}