Use alert icon from Figma

[MAILPOET-4700]
This commit is contained in:
David Remer
2022-10-26 05:44:09 +03:00
committed by Jan Jakeš
parent 540b34c63f
commit ca0681b1a7
3 changed files with 6 additions and 5 deletions

View File

@ -37,7 +37,7 @@
input, input,
select, select,
textarea { textarea {
background: right top/26px no-repeat url('../../img/icons/warning.svg'); background: right top/26px no-repeat url('../../img/icons/alert.svg');
padding-right: 26px; padding-right: 26px;
} }

View File

@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4.75C7.99594 4.75 4.75 7.99594 4.75 12C4.75 16.0041 7.99594 19.25 12 19.25C16.0041 19.25 19.25 16.0041 19.25 12C19.25 7.99594 16.0041 4.75 12 4.75ZM3.25 12C3.25 7.16751 7.16751 3.25 12 3.25C16.8325 3.25 20.75 7.16751 20.75 12C20.75 16.8325 16.8325 20.75 12 20.75C7.16751 20.75 3.25 16.8325 3.25 12Z" fill="#d63638"/>
<path d="M13 7H11V13H13V7Z" fill="#d63638"/>
<path d="M13 15H11V17H13V15Z" fill="#d63638"/>
</svg>

After

Width:  |  Height:  |  Size: 565 B

View File

@ -1,4 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24">
<!-- Source: https://github.com/WordPress/gutenberg/blob/9d02445e800fb023195072c5a755a899c1dcc210/packages/icons/src/library/warning.js -->
<path fill="#d63638" d="M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8zm1.13 9.38l.35-6.46H8.52l.35 6.46h2.26zm-.09 3.36c.24-.23.37-.55.37-.96 0-.42-.12-.74-.36-.97s-.59-.35-1.06-.35-.82.12-1.07.35-.37.55-.37.97c0 .41.13.73.38.96.26.23.61.34 1.06.34s.8-.11 1.05-.34z" />
</svg>

Before

Width:  |  Height:  |  Size: 496 B