1
0
Fork 0

Apply content-box box-sizing to avatars images; add object-fit: cover to post thumbnail image on comment pages

This commit is contained in:
Carly Ho 2018-12-30 10:41:07 -06:00
parent 1d07c4a72e
commit 036c31141f
2 changed files with 17 additions and 7 deletions

View File

@ -435,3 +435,13 @@ details summary::-webkit-details-marker {
.notification-tooltip .arrow::before {
border-bottom-color:#dc3545 !important;
}
.img-thumbnail {
box-sizing: content-box;
}
.reply-container {
.post-thumbnail {
object-fit: cover;
}
}

View File

@ -2,12 +2,12 @@
@section('content')
<div class="container">
<div class="container reply-container">
<div class="col-12 col-md-8 offset-md-2 mt-4">
<div class="card">
<div class="card-body p-0 m-0 bg-light">
<div class="d-flex p-0 m-0 align-items-center">
<img src="{{$status->parent()->thumb()}}" width="150px" height="150px">
<img src="{{$status->parent()->thumb()}}" width="150px" height="150px" class="post-thumbnail">
<div class="p-4">
<div>
<img src="{{$status->parent()->profile->avatarUrl()}}" class="rounded-circle img-thumbnail mb-1 mr-1" width="30px">