forked from mirror/pixelfed
Merge pull request #724 from cmho/598-avatar-sizing
[598] Apply content-box box-sizing to avatars images
This commit is contained in:
commit
3a626bad44
2 changed files with 14 additions and 4 deletions
10
resources/assets/sass/custom.scss
vendored
10
resources/assets/sass/custom.scss
vendored
|
@ -462,3 +462,13 @@ details summary::-webkit-details-marker {
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.img-thumbnail {
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reply-container {
|
||||||
|
.post-thumbnail {
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -2,12 +2,12 @@
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
|
|
||||||
<div class="container">
|
<div class="container reply-container">
|
||||||
<div class="col-12 col-md-8 offset-md-2 mt-4">
|
<div class="col-12 col-md-8 offset-md-2 mt-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body p-0 m-0 bg-light">
|
<div class="card-body p-0 m-0 bg-light">
|
||||||
<div class="d-flex p-0 m-0 align-items-center">
|
<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 class="p-4">
|
||||||
<div>
|
<div>
|
||||||
<img src="{{$status->parent()->profile->avatarUrl()}}" class="rounded-circle img-thumbnail mb-1 mr-1" width="30px">
|
<img src="{{$status->parent()->profile->avatarUrl()}}" class="rounded-circle img-thumbnail mb-1 mr-1" width="30px">
|
||||||
|
@ -54,6 +54,6 @@
|
||||||
$('.reactions').hide();
|
$('.reactions').hide();
|
||||||
$('.more-comments').hide();
|
$('.more-comments').hide();
|
||||||
$('.card-footer').hide();
|
$('.card-footer').hide();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
@endpush
|
@endpush
|
||||||
|
|
Loading…
Reference in a new issue