m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 09:57:02 +01:00
Code

Dark mode: Replacing svg image with font awesome icon for main-quote-summary (#14137)

Browse Source
This commit is contained in:
George Marshall 2022-03-23 08:25:28 -07:00 committed by GitHub
parent 532c326793
commit 3d3670e807
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/images/down-arrow-grey.svg
View File

@ -1,3 +0,0 @@
<svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.00163 15.2045C6.21347 15.1962 6.45833 15.109 6.61275 14.9637L11.6498 10.2232C11.9385 9.90194 12.0577 9.28597 11.7239 8.92693C11.3952 8.57328 10.7576 8.5838 10.4276 8.93611L6.89052 12.2693L6.89052 1.87164C6.89052 1.38076 6.49254 0.982788 6.00163 0.982788C5.51071 0.982788 5.11274 1.38076 5.11274 1.87164L5.11274 12.2693L1.57565 8.93611C1.27181 8.63281 0.611843 8.57675 0.279352 8.92693C-0.0531095 9.27702 0.0531145 9.91513 0.353459 10.2232L5.3905 14.9637C5.56288 15.126 5.76513 15.205 6.00163 15.2045Z" fill="#D6D9DC"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 636 B

1
ui/pages/swaps/main-quote-summary/index.scss
View File

@ -70,6 +70,7 @@
&__down-arrow {
margin-top: 5px;
color: var(--color-icon-muted);
}
&__details {

5
ui/pages/swaps/main-quote-summary/main-quote-summary.js
View File

@ -75,10 +75,7 @@ export default function MainQuoteSummary({
{sourceSymbol}
</span>
</div>
<img
className="main-quote-summary__down-arrow"
src="images/down-arrow-grey.svg"
/>
<i className="fa fa-arrow-down main-quote-summary__down-arrow" />
<div className="main-quote-summary__destination-row">
<UrlIcon
url={destinationIconUrl}