Improve lastfm widget layout

lucianoratamero · Aug 26, 2024 · 210d381 · 210d381
1 parent 8cadbc5
commit 210d381
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/routes/lastfm-now-playing/+page.svelte b/src/routes/lastfm-now-playing/+page.svelte
@@ -87,12 +87,12 @@
 {/if}
 
 {#if formatted_data}
-	<div class="flex items-center text-lg gap-4 p-4 bg-slate-800 text-white bg-opacity-80 rounded-xl w-[400px]">
-		<img class="h-24 w-24" src="{formatted_data.image}" alt="{formatted_data.track} by {formatted_data.artist}" />
+	<div class="flex items-center text-xl gap-4 p-4 bg-gray-950 text-white bg-opacity-80 rounded-xl w-[400px]">
+		<img class="h-28 w-28 rounded" src="{formatted_data.image}"
+				 alt="{formatted_data.track} by {formatted_data.artist}" />
 		<div class="flex flex-col justify-center overflow-hidden">
 			<h1 class="font-bold whitespace-nowrap overflow-hidden overflow-ellipsis">{formatted_data.track}</h1>
 			<h2 class="whitespace-nowrap overflow-hidden overflow-ellipsis">{formatted_data.artist}</h2>
-			<h3 class="whitespace-nowrap overflow-hidden overflow-ellipsis">{formatted_data.album}</h3>
 		</div>
 	</div>
 {/if}