muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

profile pic on the left

Browse source
This commit is contained in:
Fedor Katurov 2020-04-08 21:40:53 +07:00
parent 671f640a58
commit 911beea4ad
4 changed files with 10 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/containers/profile/ProfilePage/index.tsx
View file

@ -32,15 +32,16 @@ const ProfilePageUnconnected: FC<Props> = ({
return (
<div className={styles.wrap}>
<div className={styles.left}>
<ProfilePageLeft profile={profile} username={username} />
</div>
<div className={styles.right}>
<Switch>
<Route path="/profile/:username" render={() => <div>DEFAULT</div>} />
<Route path="/profile/:username/tab" render={() => <div>TAB</div>} />
</Switch>
</div>
<div className={styles.left}>
<ProfilePageLeft profile={profile} username={username} />
</div>
</div>
);
};

4
src/containers/profile/ProfilePage/styles.scss
View file

@ -11,10 +11,10 @@
.left {
flex: 1;
background: darken($content_bg, 2%);
border-radius: $radius 0 0 $radius;
border-radius: 0 $radius $radius 0;
box-sizing: border-box;
}
.right {
flex: 3;
flex: 4;
}

2
src/containers/profile/ProfilePageLeft/index.tsx
View file

@ -52,7 +52,7 @@ const ProfilePageLeft: FC<IProps> = ({ username, profile }) => {
</div>
</div>
{profile && profile.user && profile.user.description && (
{profile && profile.user && profile.user.description && false && (
<div className={styles.description}>{profile.user.description}</div>
)}
</div>

6
src/containers/profile/ProfilePageLeft/styles.scss
View file

@ -7,8 +7,8 @@
.avatar {
width: 100%;
padding-bottom: 50%;
border-radius: $radius 0 0 0;
padding-bottom: 75%;
border-radius: 0 $radius 0 0;
background: 50% 50% no-repeat;
background-size: cover;
}
@ -25,7 +25,7 @@
// background: $content_bg;
background: darken($content_bg, 2%);
width: 100%;
border-radius: $radius;
border-radius: 0 $radius $radius 0;
}
.name {