mirror of
https://github.com/woodchen-ink/clash-and-dashboard.git
synced 2025-07-18 14:01:56 +08:00
Fix: switch icon is not displayed normally
This commit is contained in:
parent
e8bde550a3
commit
6b3b356fe2
@ -28,7 +28,7 @@ export class Switch extends React.Component<SwitchProps, {}> {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={classnames('switch', { checked, disabled }, className)} onClick={this.handleClick}>
|
<div className={classnames('switch', { checked, disabled }, className)} onClick={this.handleClick}>
|
||||||
<Icon className="switch-icon" type="check" size={8} style={{ fontWeight: 'bold' }} />
|
<Icon className="switch-icon" type="check" size={20} style={{ fontWeight: 'bold' }} />
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
@ -51,7 +51,7 @@ $width: 32px;
|
|||||||
|
|
||||||
.switch-icon {
|
.switch-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: $switch-offset * 2;
|
transform: translateX(13px) scale(0.4);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
line-height: $height;
|
line-height: $height;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user