steffo/festa
steffo/festa
1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-12-22 22:54:22 +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

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