muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

fixed appearance for profile sidebar

Browse source
This commit is contained in:
Fedor Katurov 2022-03-29 15:39:29 +07:00
parent 42c9fed92c
commit 16d12f92da
11 changed files with 96 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/containers/profile/ProfileSidebarHead/index.tsx
View file

@ -6,6 +6,8 @@ import { ProfileAvatar } from '~/components/profile/ProfileAvatar';
import { usePatchUser } from '~/hooks/auth/usePatchUser';
import { useUser } from '~/hooks/auth/useUser';
import styles from './styles.module.scss';
interface ProfileSidebarHeadProps {}
const ProfileSidebarHead: VFC<ProfileSidebarHeadProps> = () => {
@ -17,7 +19,8 @@ const ProfileSidebarHead: VFC<ProfileSidebarHeadProps> = () => {
<ProfileAvatar canEdit onChangePhoto={updatePhoto} photo={user.photo} size={72} />
<Filler>
<h2>{user.fullname || user.username}</h2>
<div className={styles.name}>{user.fullname || user.username}</div>
<div className={styles.username}>{!!user.fullname && `~${user.username}`}</div>
</Filler>
</Group>
);

11
src/containers/profile/ProfileSidebarHead/styles.module.scss Normal file
View file

@ -0,0 +1,11 @@
@import "src/styles/variables";
.name {
font: $font_20_semibold;
}
.username {
margin-top: 2px;
opacity: 0.5;
font: $font_14_medium;
}