style submit button
This commit is contained in:
parent
edc784b273
commit
ff321143aa
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" class="bi bi-search" viewBox="0 0 16 16">
|
||||
<path fill='#f9f9f9' d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
|
||||
</svg>
|
After Width: | Height: | Size: 338 B |
|
@ -90,12 +90,20 @@ const SearchBarFilter = styled.div`
|
|||
border-radius: 12px;
|
||||
width: 100%;
|
||||
height: 56px;
|
||||
margin-top: 12px;
|
||||
margin: 12px 0;
|
||||
font-weight: 400
|
||||
`;
|
||||
|
||||
const SubmitBtn = styled.button`
|
||||
background: darkblue;
|
||||
background: royalblue;
|
||||
padding: 10px;
|
||||
border-radius: 8px;
|
||||
color: #f9f9f9;
|
||||
font-weight: 700;
|
||||
|
||||
&:active {
|
||||
background: #3759bf
|
||||
}
|
||||
`;
|
||||
|
||||
const FiltersForm = () => {
|
||||
|
@ -139,9 +147,10 @@ const FiltersForm = () => {
|
|||
asbvccxcz
|
||||
</SearchBarFilter>
|
||||
|
||||
<button type='submit'>
|
||||
<SubmitBtn type='submit'>
|
||||
<SVGIcon src='/images/icons/search.svg' width='14' height='14' />
|
||||
Показать варианты
|
||||
</button>
|
||||
</SubmitBtn>
|
||||
</Filters>
|
||||
</Form>
|
||||
</Formik>
|
||||
|
|
Loading…
Reference in New Issue