From 761e25f1ea41195b4e58f9ad643a20acbc3f3cfe Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Wed, 2 Jan 2019 22:33:05 +0800
Subject: style(proxies): tweak proxy hover style

---
 src/components/ProxyGroup.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src/components/ProxyGroup.js')

diff --git a/src/components/ProxyGroup.js b/src/components/ProxyGroup.js
index e4ac8ac..35eb660 100644
--- a/src/components/ProxyGroup.js
+++ b/src/components/ProxyGroup.js
@@ -1,5 +1,6 @@
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
+import cx from 'classnames';
 import { useActions, useStoreState } from 'm/store';
 
 import Proxy from 'c/Proxy';
@@ -43,9 +44,12 @@ export default function ProxyGroup2({ name }) {
       <div className={s0.list}>
         {list.map(proxyName => {
           const isSelectable = group.type === 'Selector';
+          const proxyClassName = cx(s0.proxy, {
+            [s0.proxySelectable]: isSelectable
+          });
           return (
             <div
-              className={s0.proxy}
+              className={proxyClassName}
               key={proxyName}
               onClick={() => {
                 if (!isSelectable) return;
-- 
cgit v1.3.1