From b48601ed063f11ec1480a7f9f5157a5903b2dda1 Mon Sep 17 00:00:00 2001
From: Prospector <prospectordev@gmail.com>
Date: Sat, 21 Dec 2024 20:00:03 -0800
Subject: [PATCH] make quick instances square to match elsewhere and add tint

---
 apps/app-frontend/src/components/ui/QuickInstanceSwitcher.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/app-frontend/src/components/ui/QuickInstanceSwitcher.vue b/apps/app-frontend/src/components/ui/QuickInstanceSwitcher.vue
index a555c286d..014d29d2e 100644
--- a/apps/app-frontend/src/components/ui/QuickInstanceSwitcher.vue
+++ b/apps/app-frontend/src/components/ui/QuickInstanceSwitcher.vue
@@ -46,7 +46,8 @@ onUnmounted(() => {
   >
     <Avatar
       :src="instance.icon_path ? convertFileSrc(instance.icon_path) : null"
-      circle
+      size="28px"
+      :tint-by="instance.path"
       :class="`transition-all ${instance.install_stage !== 'installed' ? `brightness-[0.25] scale-[0.85]` : `group-hover:brightness-75`}`"
     />
     <div