Make notification images not stretch
@@ -225,4 +225,10 @@ body, button, input, textarea {
.max-hide-overflow {
max-height: 1000px!important;
}
+
+.notification-image {
+ background-size: cover;
+ width: 32px;
+ height: 32px;
+ background-position: 50%;
@@ -54,7 +54,9 @@
</span>
<span class="float-right notification-action">
@if($notification->item_id)
- <a href="{{$notification->status->parent()->url()}}"><img src="{{$notification->status->parent()->thumb()}}" width="32px" height="32px"></a>
+ <a href="{{$notification->status->parent()->url()}}">
+ <div class="notification-image" style="background-image: url('{{$notification->status->parent()->thumb()}}')"></div>
+ </a>
@endif
@break