kylefang/react
1
0
Fork 0
mirror of https://github.com/zhigang1992/react.git synced 2026-04-28 12:15:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(controls): fix option content not center vertically

Browse Source
This commit is contained in:
unix
2020-05-31 09:25:24 +08:00
parent 3c18b7f5f9
commit 1f87222a7c
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
lib/components/controls.tsx
View File

@@ -56,14 +56,14 @@ const Controls: React.FC<{}> = React.memo(({}) => {
value={isDark ? 'dark' : 'light'}
title={isChinese ? '切换主题' : 'Switch Themes'}>
<Select.Option value="light">
<div className="select-content">
<span className="select-content">
<SunIcon size={14} /> {isChinese ? '明亮' : 'Light'}
</div>
</span>
</Select.Option>
<Select.Option value="dark">
<div className="select-content">
<span className="select-content">
<MoonIcon size={14} /> {isChinese ? '暗黑' : 'Dark'}
</div>
</span>
</Select.Option>
</Select>
</div>
@@ -82,7 +82,8 @@ const Controls: React.FC<{}> = React.memo(({}) => {
.select-content {
width: auto;
display: inline-flex;
height: 18px;
display: flex;
justify-content: center;
align-items: center;
}