From 22168e021f378e8e9c7d833d06b2d645073fe67e Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Fri, 29 Dec 2023 21:05:35 +0800
Subject: [PATCH] refactor: add opacity into no actived monitor

---
 src/client/components/monitor/MonitorList.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/client/components/monitor/MonitorList.tsx b/src/client/components/monitor/MonitorList.tsx
index c7fd653..1d752bf 100644
--- a/src/client/components/monitor/MonitorList.tsx
+++ b/src/client/components/monitor/MonitorList.tsx
@@ -37,7 +37,10 @@ export const MonitorList: React.FC = React.memo(() => {
       {monitors.map((monitor) => (
         <MonitorListItem
           key={monitor.id}
-          className={clsx(selectedMonitorId === monitor.id && '!bg-opacity-20')}
+          className={clsx(
+            selectedMonitorId === monitor.id && '!bg-opacity-20',
+            monitor.active === false && 'opacity-40'
+          )}
           workspaceId={workspaceId}
           monitorId={monitor.id}
           monitorName={monitor.name}