From 86d3e30ef02585d5089dce3aa2757ca2cb4e4edf Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 17 Jan 2022 16:41:53 +0100 Subject: chore: replace copyright icon import with custom component It allows me to set the colors with CSS and it will be easier to implement dark mode. --- .../Icons/Copyright/Copyright.module.scss | 8 ++++++++ src/components/Icons/Copyright/Copyright.tsx | 24 ++++++++++++++++++++++ 2 files changed, 32 insertions(+) create mode 100644 src/components/Icons/Copyright/Copyright.module.scss create mode 100644 src/components/Icons/Copyright/Copyright.tsx (limited to 'src/components/Icons/Copyright') diff --git a/src/components/Icons/Copyright/Copyright.module.scss b/src/components/Icons/Copyright/Copyright.module.scss new file mode 100644 index 0000000..0497c1d --- /dev/null +++ b/src/components/Icons/Copyright/Copyright.module.scss @@ -0,0 +1,8 @@ +@use "@styles/abstracts/functions" as fun; + +.icon { + display: block; + margin: auto; + width: var(--icon-size, #{fun.convert-px(40)}); + fill: var(--color-fg); +} diff --git a/src/components/Icons/Copyright/Copyright.tsx b/src/components/Icons/Copyright/Copyright.tsx new file mode 100644 index 0000000..396c127 --- /dev/null +++ b/src/components/Icons/Copyright/Copyright.tsx @@ -0,0 +1,24 @@ +import { t } from '@lingui/macro'; +import styles from './Copyright.module.scss'; + +const CopyrightIcon = () => { + return ( + + {t`CC BY SA`} + + + + + + + + + + ); +}; + +export default CopyrightIcon; -- cgit v1.2.3