maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-28 12:43:11 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Change banned user icon background

Browse source
This commit is contained in:
Hannu Lyytikainen 2018-06-26 12:43:47 +03:00
parent 1c80eb681a
commit 5f79192250
2 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/IconBannedUser/IconBannedUser.css
View file

@ -1,7 +1,11 @@
@import '../../marketplace.css';
.backgroundFill {
fill: var(--failColor);
.backgroundLight {
stop-color: var(--marketplaceColorLight);
}
.backgroundDark {
stop-color: var(--marketplaceColor);
}
.foregroundFill {

8
src/components/IconBannedUser/IconBannedUser.js
View file

@ -13,8 +13,14 @@ const IconBannedUser = props => {
viewBox="0 0 40 40"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<linearGradient id="background" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" className={css.backgroundLight} />
<stop offset="100%" className={css.backgroundDark} />
</linearGradient>
</defs>
<g fill="none" fillRule="evenodd">
<circle className={css.backgroundFill} cx="20" cy="20" r="20" />
<circle fill="url(#background)" cx="20" cy="20" r="20" />
<circle className={css.foregroundStroke} strokeWidth="3" cx="20" cy="20" r="13" />
<path className={css.foregroundFill} d="M28.34 9.04l2.12 2.12-19.8 19.8-2.12-2.12z" />
</g>