style submit button

This commit is contained in:
b1ek 2023-05-08 20:21:16 +10:00
parent edc784b273
commit ff321143aa
Signed by: blek
GPG Key ID: 14546221E3595D0C
2 changed files with 16 additions and 4 deletions

View File

@ -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

View File

@ -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>