From 2857ad02a66f8f43b5f9bdeade8f00d2fd56090b Mon Sep 17 00:00:00 2001
From: Hariharan Mudaliar <hrhn.mudaliar251@gmail.com>
Date: Fri, 13 Mar 2026 19:48:06 +0530
Subject: [PATCH] Update music album art ratio

---
 DynamicIsland/ContentView.swift                |  2 +-
 .../components/MinimalisticMusicView.swift     |  2 +-
 .../Notch/MinimalisticMusicPlayerView.swift    |  4 ++--
 .../components/Notch/NotchHomeView.swift       | 18 +++++++++++++-----
 4 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/DynamicIsland/ContentView.swift b/DynamicIsland/ContentView.swift
index 37c8bbc..1525df4 100644
--- a/DynamicIsland/ContentView.swift
+++ b/DynamicIsland/ContentView.swift
@@ -970,7 +970,7 @@ struct ContentView: View {
                     .background(
                         Image(nsImage: musicManager.albumArt)
                             .resizable()
-                            .aspectRatio(contentMode: .fill)
+                            .aspectRatio(contentMode: .fit)
                     )
                     .clipped()
                     .clipShape(RoundedRectangle(cornerRadius: MusicPlayerImageSizes.cornerRadiusInset.closed))
diff --git a/DynamicIsland/components/MinimalisticMusicView.swift b/DynamicIsland/components/MinimalisticMusicView.swift
index 6129bd7..43b8a13 100644
--- a/DynamicIsland/components/MinimalisticMusicView.swift
+++ b/DynamicIsland/components/MinimalisticMusicView.swift
@@ -92,7 +92,7 @@ struct MinimalisticMusicView: View {
                 .background(
                     Image(nsImage: musicManager.albumArt)
                         .resizable()
-                        .aspectRatio(contentMode: .fill)
+                        .aspectRatio(contentMode: .fit)
                 )
                 .clipped()
                 .clipShape(RoundedRectangle(cornerRadius: 18)) // Dramatically increased corner radius for minimalistic mode
diff --git a/DynamicIsland/components/Notch/MinimalisticMusicPlayerView.swift b/DynamicIsland/components/Notch/MinimalisticMusicPlayerView.swift
index fd20d3b..c306ce3 100644
--- a/DynamicIsland/components/Notch/MinimalisticMusicPlayerView.swift
+++ b/DynamicIsland/components/Notch/MinimalisticMusicPlayerView.swift
@@ -1058,7 +1058,7 @@ struct MinimalisticAlbumArtView: View {
             .background(
                 Image(nsImage: musicManager.albumArt)
                     .resizable()
-                    .aspectRatio(contentMode: .fill)
+                    .aspectRatio(contentMode: .fit)
             )
             .clipped()
             .clipShape(RoundedRectangle(cornerRadius: 12))
@@ -1077,7 +1077,7 @@ struct MinimalisticAlbumArtView: View {
                 .background(
                     Image(nsImage: musicManager.albumArt)
                         .resizable()
-                        .aspectRatio(contentMode: .fill)
+                        .aspectRatio(contentMode: .fit)
                 )
                 .clipped()
                 .clipShape(RoundedRectangle(cornerRadius: 12))
diff --git a/DynamicIsland/components/Notch/NotchHomeView.swift b/DynamicIsland/components/Notch/NotchHomeView.swift
index fff6be9..37deed7 100644
--- a/DynamicIsland/components/Notch/NotchHomeView.swift
+++ b/DynamicIsland/components/Notch/NotchHomeView.swift
@@ -56,8 +56,13 @@ struct AlbumArtView: View {
     }
 
     private var albumArtBackground: some View {
-        Image(nsImage: musicManager.albumArt)
-            .resizable()
+        Color.clear
+            .aspectRatio(1, contentMode: .fit)
+            .background(
+                Image(nsImage: musicManager.albumArt)
+                    .resizable()
+                    .aspectRatio(contentMode: .fit)
+            )
             .clipped()
             .clipShape(
                 RoundedRectangle(
@@ -65,7 +70,6 @@ struct AlbumArtView: View {
                         ? MusicPlayerImageSizes.cornerRadiusInset.opened
                         : MusicPlayerImageSizes.cornerRadiusInset.closed)
             )
-            .aspectRatio(1, contentMode: .fit)
             .scaleEffect(x: 1.3, y: 1.4)
             .rotationEffect(.degrees(92))
             .blur(radius: 40)
@@ -100,9 +104,13 @@ struct AlbumArtView: View {
     }
 
     private var albumArtImage: some View {
-        Image(nsImage: musicManager.albumArt)
-            .resizable()
+        Color.clear
             .aspectRatio(1, contentMode: .fit)
+            .overlay {
+                Image(nsImage: musicManager.albumArt)
+                    .resizable()
+                    .aspectRatio(contentMode: .fit)
+            }
             .matchedGeometryEffect(id: "albumArt", in: albumArtNamespace)
         .clipped()
         .clipShape(