wbrawner/PeopleInSpace
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix person image scale: apply fit center

Browse source
This commit is contained in:
Shreyas 2021-06-18 10:26:40 +05:30 committed by John O'Reilly
parent 4cdc1c431b
commit 942dd344fc
1 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
web/src/main/kotlin/components/PersonDetails.kt
View file

@ -1,23 +1,30 @@
package components
import kotlinx.css.Align
import kotlinx.css.ObjectFit
import kotlinx.css.alignSelf
import kotlinx.css.borderRadius
import kotlinx.css.margin
import kotlinx.css.objectFit
import kotlinx.css.padding
import kotlinx.css.pct
import kotlinx.css.px
import model.Person
import react.RBuilder
import react.dom.img
import styled.css
import styled.styledDiv
import styled.styledImg
fun RBuilder.PersonDetails(person: Person) {
styledDiv {
css {
padding(32.px)
}
img(alt = person.assignment.name, src = person.imageUrl) {
styledImg(alt = person.assignment.name, src = person.imageUrl) {
css {
objectFit = ObjectFit.cover
borderRadius = 50.pct
}
attrs {
height = "128"
width = "128"