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

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 ( return (
<div className={styles.wrap}> <div className={styles.wrap}>
<div className={styles.left}>
<ProfilePageLeft profile={profile} username={username} />
</div>
<div className={styles.right}> <div className={styles.right}>
<Switch> <Switch>
<Route path="/profile/:username" render={() => <div>DEFAULT</div>} /> <Route path="/profile/:username" render={() => <div>DEFAULT</div>} />
<Route path="/profile/:username/tab" render={() => <div>TAB</div>} /> <Route path="/profile/:username/tab" render={() => <div>TAB</div>} />
</Switch> </Switch>
</div> </div>
<div className={styles.left}>
<ProfilePageLeft profile={profile} username={username} />
</div>
</div> </div>
); );
}; };

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

@ -11,10 +11,10 @@
.left { .left {
flex: 1; flex: 1;
background: darken($content_bg, 2%); background: darken($content_bg, 2%);
border-radius: $radius 0 0 $radius; border-radius: 0 $radius $radius 0;
box-sizing: border-box; box-sizing: border-box;
} }
.right { .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>
</div> </div>
{profile && profile.user && profile.user.description && ( {profile && profile.user && profile.user.description && false && (
<div className={styles.description}>{profile.user.description}</div> <div className={styles.description}>{profile.user.description}</div>
)} )}
</div> </div>

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

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