diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-12-22 12:36:40 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-12-22 14:32:31 +0100 |
| commit | 139b3a252c9f90de603be1a98e3186b359353541 (patch) | |
| tree | c020013b3aec522ae378b9e57ec1326a5a829d38 /src/components/Buttons | |
| parent | 6917a572011489aafe62c9d2479615cb2928094f (diff) | |
chore: replace svg imports with components
It allows me to control the colors of each SVG paths.
Diffstat (limited to 'src/components/Buttons')
| -rw-r--r-- | src/components/Buttons/ButtonSearch/ButtonSearch.tsx | 3 | ||||
| -rw-r--r-- | src/components/Buttons/Buttons.module.scss | 9 |
2 files changed, 7 insertions, 5 deletions
diff --git a/src/components/Buttons/ButtonSearch/ButtonSearch.tsx b/src/components/Buttons/ButtonSearch/ButtonSearch.tsx index a2635aa..be5a9bc 100644 --- a/src/components/Buttons/ButtonSearch/ButtonSearch.tsx +++ b/src/components/Buttons/ButtonSearch/ButtonSearch.tsx @@ -1,5 +1,4 @@ -import CloseIcon from '@assets/images/icon-close.svg'; -import SearchIcon from '@assets/images/icon-search.svg'; +import { CloseIcon, SearchIcon } from '@components/Icons'; import { t } from '@lingui/macro'; import { SetStateAction } from 'react'; import styles from '../Buttons.module.scss'; diff --git a/src/components/Buttons/Buttons.module.scss b/src/components/Buttons/Buttons.module.scss index a043649..fb93d5a 100644 --- a/src/components/Buttons/Buttons.module.scss +++ b/src/components/Buttons/Buttons.module.scss @@ -82,10 +82,10 @@ } .search { - display: flex; - place-content: center; + display: block; width: var(--btn-size); height: var(--btn-size); + padding: 0; background: none; border: none; font-size: var(--font-size-md); @@ -103,7 +103,10 @@ .front, .back { - display: block; + display: flex; + place-content: center; + width: var(--btn-size); + height: var(--btn-size); position: absolute; top: 0; right: 0; |