patch: communities-profile - Default picture added on large screens
This commit is contained in:
@ -176,6 +176,10 @@
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
.picture-empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.communities-map {
|
||||
@ -343,6 +347,42 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768.01px) {
|
||||
|
||||
.communities-profile-picture {
|
||||
|
||||
.picture-empty {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
object {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(2)>.picture-empty {
|
||||
background: #E4E9F1;
|
||||
|
||||
svg {
|
||||
fill: #D0D4DA;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(1)>.picture-empty,
|
||||
&:nth-child(3)>.picture-empty {
|
||||
background: #E9F2FF;
|
||||
|
||||
svg {
|
||||
fill: #D7E2F3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
|
Reference in New Issue
Block a user