mirror of
https://github.com/Steffo99/festa.git
synced 2024-12-23 07:04:22 +00:00
Move icon styling to CSS module
This commit is contained in:
parent
8a6c363de4
commit
b8319beda4
2 changed files with 4 additions and 3 deletions
|
@ -1,3 +1,3 @@
|
||||||
.icon {
|
.festaIcon {
|
||||||
filter: drop-shadow(1px 1px 2px var(--background));
|
filter: drop-shadow(1px 1px 2px var(--background));
|
||||||
}
|
}
|
|
@ -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)}
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in a new issue