fix: cover styles

palkan · Oct 10, 2023 · b1f7ffc · b1f7ffc
1 parent 52a32cd
commit b1f7ffc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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">