From ad0a83608b487508ed26840e6ced0c8d0d49691e Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Wed, 16 Aug 2023 14:04:21 -0700
Subject: [PATCH] refactor(upc): opacity on non link items in dropdown

---
 web/components/UserProfile/DropdownConnectStatus.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/UserProfile/DropdownConnectStatus.vue b/web/components/UserProfile/DropdownConnectStatus.vue
index b82b41e74..550d8d029 100644
--- a/web/components/UserProfile/DropdownConnectStatus.vue
+++ b/web/components/UserProfile/DropdownConnectStatus.vue
@@ -55,13 +55,13 @@ const status = computed((): StatusOutput | undefined => {
 </script>
 
 <template>
-  <li v-if="username" class="flex flex-row justify-start items-center gap-8px mt-8px px-8px">
+  <li v-if="username" class="flex flex-row justify-start items-center gap-8px mt-8px px-8px opacity-75">
     <UserCircleIcon class="w-16px h-16px" aria-hidden="true" />
     {{ username }}
   </li>
   <li v-if="status" class="flex flex-row justify-start items-center gap-8px mt-8px px-8px">
     <component :is="status.icon" :class="status.iconClasses" aria-hidden="true" />
-    {{ status.text }}
+    <span class="opacity-75">{{ status.text }}</span>
   </li>
   <li v-if="unraidApiRestartAction" class="w-full">
     <UpcDropdownItem :item="unraidApiRestartAction" :t="t" />