steffo/festa
steffo/festa
1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-12-22 14:44:21 +00:00
Code Activity

Move icon styling to CSS module

Browse source
This commit is contained in:
Steffo 2022-07-16 18:10:31 +02:00
parent 8a6c363de4
commit b8319beda4
Signed by: steffo
GPG key ID: 6965406171929D01
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
styles/components/icon.css → components/generic/renderers/fontawesome.module.css
View file

@ -1,3 +1,3 @@
.icon {
.festaIcon {
filter: drop-shadow(1px 1px 2px var(--background));
}
}

3
components/generic/renderers/fontawesome.tsx
View file

@ -1,6 +1,7 @@
import { FontAwesomeIcon, FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
import { default as classNames } from "classnames";
import { memo } from "react";
import style from "./fontawesome.module.css"
/**
* Component which adds proper styling to {@link FontAwesomeIcon}.
@ -9,7 +10,7 @@ export const FestaIcon = memo((props: FontAwesomeIconProps) => {
return (
<FontAwesomeIcon
{...props}
className={classNames("icon", props.className)}
className={classNames(style.festaIcon, props.className)}
/>
)
})