Merge pull request #14 from angristan/fix-dark-mode-cycle

Fix ResourceType cycle buttons for dark mode on macOS 11+
hmarr · Aug 12, 2021 · 3e74f20 · 3e74f20
2 parents d3f7595 + 7982835
commit 3e74f20
Showing 1 changed file with 22 additions and 8 deletions.
diff --git a/Vitals/ContentView.swift b/Vitals/ContentView.swift
@@ -120,10 +120,17 @@ struct ContentView: View {
                             // Extra rectangle to increase the size of the click target
                             Rectangle().frame(width: 14, height: 16, alignment: .center).opacity(0.0)
 
-                            Image("chevron-left")
-                                .resizable()
-                                .scaledToFit()
-                                .frame(maxHeight: 12)
+                            if #available(macOS 11.0, *) {
+                                Image(systemName: "chevron.left")
+                                    .resizable()
+                                    .scaledToFit()
+                                    .frame(maxHeight: 12)
+                            } else {
+                                Image("chevron-left")
+                                    .resizable()
+                                    .scaledToFit()
+                                    .frame(maxHeight: 12)
+                            }
                         }
                     }.buttonStyle(BorderlessButtonStyle())
                     .frame(width: 14, height: 16, alignment: .center)
@@ -135,10 +142,17 @@ struct ContentView: View {
                             // Extra rectangle to increase the size of the click target
                             Rectangle().frame(width: 14, height: 16, alignment: .center).opacity(0.0)
 
-                            Image("chevron-right")
-                                .resizable()
-                                .scaledToFit()
-                                .frame(maxHeight: 12)
+                            if #available(macOS 11.0, *) {
+                                Image(systemName: "chevron.right")
+                                    .resizable()
+                                    .scaledToFit()
+                                    .frame(maxHeight: 12)
+                            } else {
+                                Image("chevron-right")
+                                    .resizable()
+                                    .scaledToFit()
+                                    .frame(maxHeight: 12)
+                            }
                         }
                     }.buttonStyle(BorderlessButtonStyle())
                     .frame(width: 14, height: 16, alignment: .center)