From b1f7ffc26c30b357dd1c7a1cd10451cb045b2ed0 Mon Sep 17 00:00:00 2001
From: Vladimir Dementyev <palkan@hey.com>
Date: Tue, 10 Oct 2023 08:16:11 -0700
Subject: [PATCH] fix: cover styles

---
 app/views/albums/show.html.erb  | 4 ++--
 app/views/artists/show.html.erb | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/views/albums/show.html.erb b/app/views/albums/show.html.erb
index 4319b2f..3898b25 100644
--- a/app/views/albums/show.html.erb
+++ b/app/views/albums/show.html.erb
@@ -4,8 +4,8 @@
 <% end %>
 
 <div class="py-4 flex justify-items-start">
-  <div id="<%=dom_id(@album, :cover) %>" class="w-[170px] bg-gray-200 object-fill overflow-hidden mr-4" data-turbo-transition="cover">
-    <%= image_tag @album.cover_url %>
+  <div id="<%=dom_id(@album, :cover) %>" class="w-[170px] h-[170px] bg-gray-200 object-fill overflow-hidden mr-4" data-turbo-transition="cover">
+    <%= image_tag @album.cover_url, class: "w-full h-full object-cover" %>
   </div>
   <div class="flex flex-col justify-center">
     <div class="flex flex-row items-center">
diff --git a/app/views/artists/show.html.erb b/app/views/artists/show.html.erb
index 5290a5f..5421ecf 100644
--- a/app/views/artists/show.html.erb
+++ b/app/views/artists/show.html.erb
@@ -6,8 +6,8 @@
 
 <div class="py-4 flex justify-between items-center">
   <div class="flex justify-items-start">
-    <div class="w-32 bg-gray-200 object-fill rounded-full overflow-hidden mr-4">
-      <%= image_tag @artist.cover_url %>
+    <div class="w-32 h-32 bg-gray-200 rounded-full overflow-hidden mr-4">
+      <%= image_tag @artist.cover_url, class: "w-full h-full object-cover" %>
     </div>
     <div class="flex flex-col justify-center">
       <div class="flex items-center">