mirror of
https://github.com/ae-utbm/sith.git
synced 2024-11-21 21:53:30 +00:00
fix picture display in profile page
This commit is contained in:
parent
2a0f2454f4
commit
b65ec6463b
@ -130,7 +130,7 @@ main {
|
|||||||
width: 50%;
|
width: 50%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: flex-end;
|
justify-content: space-evenly;
|
||||||
|
|
||||||
@media (max-width: 960px) {
|
@media (max-width: 960px) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -143,21 +143,14 @@ main {
|
|||||||
}
|
}
|
||||||
|
|
||||||
> .user_profile_pictures_bigone {
|
> .user_profile_pictures_bigone {
|
||||||
flex-grow: 9;
|
|
||||||
flex-basis: 20em;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
> img {
|
> img {
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
max-width: 100%;
|
|
||||||
object-fit: contain;
|
|
||||||
|
|
||||||
@media (max-width: 960px) {
|
@media (max-width: 960px) {
|
||||||
max-width: 300px;
|
width: 300px;
|
||||||
width: 100%;
|
|
||||||
object-fit: contain;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -169,8 +162,6 @@ main {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
flex-grow: 1;
|
|
||||||
flex-basis: 14em;
|
|
||||||
|
|
||||||
@media (max-width: 960px) {
|
@media (max-width: 960px) {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
Loading…
Reference in New Issue
Block a user