test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-30 02:48:55 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

调整样式

Browse Source
This commit is contained in:
liaoxuezhi 2020-10-23 22:36:28 +08:00
parent a9ad7453d2
commit 6cb52b2a8c
4 changed files with 30 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
scss/_variables.scss
View File

@ -584,12 +584,12 @@ $PopOver-bg: white !default;
$Remark-width: 1rem !default; $Remark-width: 1rem !default;
$Remark-icon-fontSize: $fontSizeBase !default; $Remark-icon-fontSize: $fontSizeBase !default;
$Remark-iconColor: $icon-color !default; $Remark-iconColor: $icon-color !default;
$Remark-onHover-iconColor: $icon-onHover-color !default; $Remark-onHover-iconColor: #fff !default;
$Remark-bg: transparent !default; $Remark-bg: #fff !default;
$Remark-onHover-bg: transparent !default; $Remark-onHover-bg: $primary !default;
$Remark-borderWidth: 0 !default; $Remark-borderWidth: px2rem(1px) !default;
$Remark-borderColor: $borderColor !default; $Remark-borderColor: $borderColor !default;
$Remark-onHover-borderColor: $borderColor !default; $Remark-onHover-borderColor: $primary !default;
$Remark-marginLeft: $gap-sm !default; $Remark-marginLeft: $gap-sm !default;
// ResultBox // ResultBox

4
src/components/icons.tsx
View File

@ -110,6 +110,9 @@ import InfoCircleIcon from '../icons/info-circle.svg';
// @ts-ignore // @ts-ignore
import WarningIcon from '../icons/warning.svg'; import WarningIcon from '../icons/warning.svg';
// @ts-ignore
import WarningMarkIcon from '../icons/warning-mark.svg';
// @ts-ignore // @ts-ignore
import ScheduleIcon from '../icons/schedule.svg'; import ScheduleIcon from '../icons/schedule.svg';
@ -196,6 +199,7 @@ registerIcon('file', FileIcon);
registerIcon('success', SuccessIcon); registerIcon('success', SuccessIcon);
registerIcon('fail', FailIcon); registerIcon('fail', FailIcon);
registerIcon('warning', WarningIcon); registerIcon('warning', WarningIcon);
registerIcon('warning-mark', WarningMarkIcon);
registerIcon('search', SearchIcon); registerIcon('search', SearchIcon);
registerIcon('back', BackIcon); registerIcon('back', BackIcon);
registerIcon('move', MoveIcon); registerIcon('move', MoveIcon);

20
src/icons/warning-mark.svg Normal file
View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 64 (93537) - https://sketch.com -->
<title>
Group 16
</title>
<desc>
Created with Sketch.
</desc>
<g id="组件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="07icon/提示说明/叹号默认" stroke="currentColor">
<g id="Group-16">
<rect id="Rectangle-3" x="5.5" y="2.5" width="1" height="5">
</rect>
<rect id="Rectangle-13" x="5.5" y="9.5" width="1" height="1">
</rect>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 637 B

2
src/renderers/Remark.tsx
View File

@ -129,7 +129,7 @@ class Remark extends React.Component<RemarkProps> {
{finalIcon ? ( {finalIcon ? (
<i className={cx('Remark-icon', finalIcon)} /> <i className={cx('Remark-icon', finalIcon)} />
) : finalIcon === false && finalLabel ? null : ( ) : finalIcon === false && finalLabel ? null : (
<Icon icon="question" className={cx('Remark-icon icon')} /> <Icon icon="warning-mark" className={cx('Remark-icon icon')} />
)} )}
</div> </div>
</TooltipWrapper> </TooltipWrapper>