mirror of
https://github.com/PrimalHQ/primal-web-app.git
synced 2024-10-01 17:31:13 +00:00
Change default avatar
This commit is contained in:
parent
f44b35690b
commit
bcd074036e
Binary file not shown.
Before Width: | Height: | Size: 37 KiB |
@ -192,9 +192,9 @@
|
||||
color: var(--missing-avatar-text);
|
||||
background-color: var(--subtile-devider);
|
||||
border-radius: 50%;
|
||||
mask-image: url(../../assets/icons/default_nostrich.svg);
|
||||
mask-image: url(../../assets/icons/default_avatar.svg);
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-image: url(../../assets/icons/default_nostrich.svg);
|
||||
-webkit-mask-image: url(../../assets/icons/default_avatar.svg);
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
-webkit-mask-size: contain;
|
||||
mask-size: contain;
|
||||
|
@ -1,5 +1,5 @@
|
||||
import { Component, createMemo, createSignal, Show } from 'solid-js';
|
||||
import defaultAvatar from '../../assets/icons/default_nostrich.svg';
|
||||
import defaultAvatar from '../../assets/icons/default_avatar.svg';
|
||||
import { useMediaContext } from '../../contexts/MediaContext';
|
||||
import { hookForDev } from '../../lib/devTools';
|
||||
import { MediaSize, PrimalUser } from '../../types/primal';
|
||||
|
@ -97,8 +97,8 @@
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
font-size: 10px;
|
||||
-webkit-mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 24px;
|
||||
mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 24px;
|
||||
-webkit-mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 24px;
|
||||
mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 24px;
|
||||
}
|
||||
|
||||
.xsMissing {
|
||||
@ -106,8 +106,8 @@
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
font-size: 10px;
|
||||
-webkit-mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 32px;
|
||||
mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 32px;
|
||||
-webkit-mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 32px;
|
||||
mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 32px;
|
||||
}
|
||||
|
||||
.vsMissing {
|
||||
@ -115,8 +115,8 @@
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
font-size: 10px;
|
||||
-webkit-mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 42px;
|
||||
mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 42px;
|
||||
-webkit-mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 42px;
|
||||
mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 42px;
|
||||
}
|
||||
|
||||
.smallMissing {
|
||||
@ -124,8 +124,8 @@
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
font-size: 12px;
|
||||
-webkit-mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 48px;
|
||||
mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 48px;
|
||||
-webkit-mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 48px;
|
||||
mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 48px;
|
||||
}
|
||||
|
||||
.midMissing {
|
||||
@ -133,8 +133,8 @@
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
font-size: 16px;
|
||||
-webkit-mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 52px;
|
||||
mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 52px;
|
||||
-webkit-mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 52px;
|
||||
mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 52px;
|
||||
}
|
||||
|
||||
.largeMissing {
|
||||
@ -142,8 +142,8 @@
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
font-size: 18px;
|
||||
-webkit-mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 72px;
|
||||
mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 72px;
|
||||
-webkit-mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 72px;
|
||||
mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 72px;
|
||||
}
|
||||
|
||||
.extraLargeMissing {
|
||||
@ -151,8 +151,8 @@
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
font-size: 20px;
|
||||
-webkit-mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 80px;
|
||||
mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 80px;
|
||||
-webkit-mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 80px;
|
||||
mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 80px;
|
||||
}
|
||||
|
||||
.xxlMissing {
|
||||
@ -160,6 +160,6 @@
|
||||
width: 142px;
|
||||
height: 142px;
|
||||
font-size: 20px;
|
||||
-webkit-mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 142px;
|
||||
mask: url(../../assets/icons/default_nostrich.svg) no-repeat 0px / 142px;
|
||||
-webkit-mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 142px;
|
||||
mask: url(../../assets/icons/default_avatar.svg) no-repeat 0px / 142px;
|
||||
}
|
||||
|
@ -1,5 +1,5 @@
|
||||
import { Component, Show } from 'solid-js';
|
||||
import defaultAvatar from '../../assets/icons/default_nostrich.svg';
|
||||
import defaultAvatar from '../../assets/icons/default_avatar.svg';
|
||||
import { hookForDev } from '../../lib/devTools';
|
||||
|
||||
import styles from './NotificationAvatar.module.scss';
|
||||
|
Loading…
Reference in New Issue
Block a user