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;
|
border-radius: 12px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 56px;
|
height: 56px;
|
||||||
margin-top: 12px;
|
margin: 12px 0;
|
||||||
font-weight: 400
|
font-weight: 400
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const SubmitBtn = styled.button`
|
const SubmitBtn = styled.button`
|
||||||
background: darkblue;
|
background: royalblue;
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 8px;
|
||||||
|
color: #f9f9f9;
|
||||||
|
font-weight: 700;
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background: #3759bf
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const FiltersForm = () => {
|
const FiltersForm = () => {
|
||||||
|
@ -139,9 +147,10 @@ const FiltersForm = () => {
|
||||||
asbvccxcz
|
asbvccxcz
|
||||||
</SearchBarFilter>
|
</SearchBarFilter>
|
||||||
|
|
||||||
<button type='submit'>
|
<SubmitBtn type='submit'>
|
||||||
|
<SVGIcon src='/images/icons/search.svg' width='14' height='14' />
|
||||||
Показать варианты
|
Показать варианты
|
||||||
</button>
|
</SubmitBtn>
|
||||||
</Filters>
|
</Filters>
|
||||||
</Form>
|
</Form>
|
||||||
</Formik>
|
</Formik>
|
||||||
|
|
Loading…
Reference in New Issue