From 8f189eb43705e805ce1bca9e3e72a785b61b92c0 Mon Sep 17 00:00:00 2001 From: moonrailgun Date: Sun, 23 Feb 2020 17:29:21 +0800 Subject: [PATCH] =?UTF-8?q?style(web):=20=E8=B0=83=E6=95=B4UserSelector?= =?UTF-8?q?=E7=9A=84=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/web/components/modal/UserSelector.tsx | 35 ++++++++++++++------- src/web/containers/main/group/GroupRule.tsx | 2 +- 2 files changed, 25 insertions(+), 12 deletions(-) diff --git a/src/web/components/modal/UserSelector.tsx b/src/web/components/modal/UserSelector.tsx index b0b401157..4fd9267ff 100644 --- a/src/web/components/modal/UserSelector.tsx +++ b/src/web/components/modal/UserSelector.tsx @@ -1,10 +1,4 @@ -import React, { - Fragment, - useState, - useCallback, - useMemo, - useEffect, -} from 'react'; +import React, { Fragment, useState, useCallback, useMemo } from 'react'; import styled from 'styled-components'; import ModalPanel from '../ModalPanel'; import { Select, Collapse } from 'antd'; @@ -30,12 +24,31 @@ const Container = styled.div` flex: 1; } + .select-user { + border: ${(props) => props.theme.border.standard}; + + .ant-select-selection { + background-color: transparent; + border: 0; + box-shadow: none !important; + + &:focus, + &:active { + border: 0 !important; + box-shadow: none !important; + } + } + } + .user-list { height: 100%; overflow: auto; - .ant-collapse-content-box { - padding: 0; + .ant-collapse { + border-radius: 0; + .ant-collapse-content-box { + padding: 0; + } } } `; @@ -109,7 +122,7 @@ SelectedUser.displayName = 'SelectedUser'; const UserListItem = styled.div<{ selected: boolean }>` text-align: left; - padding: 4px 8px; + padding: 6px 12px; user-select: none; cursor: pointer; @@ -190,7 +203,7 @@ export const UserSelector: React.FC = React.memo(() => { return ( -
+
{
) : ( - '主持人暂未写入规则' +

主持人暂未写入规则

)}
);