m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Update confirmation screen styling (#15136)

Browse Source 
* Added 8px of margin to the top of the network display as it was touching the edge of the view
* Removed the SiteIcon component and passed the icon url to the SiteOrigin to display the icon next to the origin.

Co-authored-by: David Walsh <davidwalsh83@gmail.com>
This commit is contained in:
Justin Léger 2022-07-11 19:08:43 -04:00 committed by GitHub
parent 5ca8651fe1
commit 2a73dea54d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ui/pages/confirmation/confirmation.js
View File

@ -11,7 +11,6 @@ import { isEqual } from 'lodash';
import { produce } from 'immer'; import { produce } from 'immer';
import Box from '../../components/ui/box'; import Box from '../../components/ui/box';
import MetaMaskTemplateRenderer from '../../components/app/metamask-template-renderer'; import MetaMaskTemplateRenderer from '../../components/app/metamask-template-renderer';
import SiteIcon from '../../components/ui/site-icon';
import { DEFAULT_ROUTE } from '../../helpers/constants/routes'; import { DEFAULT_ROUTE } from '../../helpers/constants/routes';
import { import {
COLORS, COLORS,
@ -192,7 +191,7 @@ export default function ConfirmationPage() {
)} )}
<div className="confirmation-page__content"> <div className="confirmation-page__content">
{templatedValues.networkDisplay ? ( {templatedValues.networkDisplay ? (
<Box justifyContent="center"> <Box justifyContent="center" marginTop={2}>
<NetworkDisplay <NetworkDisplay
indicatorSize={SIZES.XS} indicatorSize={SIZES.XS}
labelProps={{ color: COLORS.TEXT_DEFAULT }} labelProps={{ color: COLORS.TEXT_DEFAULT }}
@ -206,15 +205,12 @@ export default function ConfirmationPage() {
padding={[1, 4, 4]} padding={[1, 4, 4]}
flexDirection={FLEX_DIRECTION.COLUMN} flexDirection={FLEX_DIRECTION.COLUMN}
> >
<SiteIcon
icon={originMetadata.iconUrl}
name={originMetadata.hostname}
size={36}
/>
<SiteOrigin <SiteOrigin
chip chip
siteOrigin={stripHttpsScheme(originMetadata.origin)} siteOrigin={stripHttpsScheme(originMetadata.origin)}
title={stripHttpsScheme(originMetadata.origin)} title={stripHttpsScheme(originMetadata.origin)}
iconSrc={originMetadata.iconUrl}
iconName={originMetadata.hostname}
/> />
</Box> </Box>
)} )}