refactor: add opacity into no actived monitor

2023-12-29 21:05:35 +08:00 · 2023-12-29 21:05:35 +08:00 · 22168e021f
commit 22168e021f
parent 1f950b516e
1 changed files with 4 additions and 1 deletions
--- 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}