NPM/site
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix image layout

Browse Source
This commit is contained in:
Alexander Nozik 2021-04-04 09:27:21 +03:00
parent 103f3e1e8b
commit c299849e87
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/magprog/assets/sass/components/_image.scss
View File

@ -54,7 +54,8 @@
width: 100%; width: 100%;
img { img {
width: 100%; max-width: 100%;
max-height: 25em;
} }
} }
} }

4
src/pages/magprog/index.js
View File

@ -27,7 +27,7 @@ function mentors(edges) {
const photo = edge.node.frontmatter.photo; const photo = edge.node.frontmatter.photo;
return <section key={`mentor_${id}`} id={`mentor_${id}`}> return <section key={`mentor_${id}`} id={`mentor_${id}`}>
<div className="image fit"> <div className="image main">
<img src={withPrefix(`images/magprog/mentors/${photo}`)} <img src={withPrefix(`images/magprog/mentors/${photo}`)}
alt={name} alt={name}
/> />
@ -67,7 +67,7 @@ function team(edges) {
return ( return (
<section key={`team_${id}`}> <section key={`team_${id}`}>
<div className="image fit"> <div className="image main">
<img src={withPrefix(`images/members/${photo}`)} alt={name}/> <img src={withPrefix(`images/members/${photo}`)} alt={name}/>
</div> </div>
<div className="content"> <div className="content">