nostr/primal-web-app
1
0
Fork 0
mirror of https://github.com/PrimalHQ/primal-web-app.git synced 2024-10-01 17:31:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change default avatar

Browse Source
This commit is contained in:
Bojan Mojsilovic 2023-09-11 14:34:59 +02:00
parent f44b35690b
commit bcd074036e
5 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/icons/miljan.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 37 KiB

4
src/components/Avatar/Avatar.module.scss
View File

@ -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;

2
src/components/Avatar/Avatar.tsx
View File

@ -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';

32
src/components/NotificationAvatar/NotificationAvatar.module.scss
View File

@ -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;
}

2
src/components/NotificationAvatar/NotificationAvatar.tsx
View File

@ -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';