mirror of
https://github.com/pixelfed/pixelfed.git
synced 2025-01-30 16:30:45 +00:00
Apply content-box box-sizing to avatars images; add object-fit: cover to post thumbnail image on comment pages
This commit is contained in:
parent
1d07c4a72e
commit
036c31141f
2 changed files with 17 additions and 7 deletions
10
resources/assets/sass/custom.scss
vendored
10
resources/assets/sass/custom.scss
vendored
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Reference in a new issue