1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-22 19:26:13 +02:00

Fix/14302 about fox logo (#14308)

This commit is contained in:
George Marshall 2022-04-01 07:00:33 -07:00 committed by ryanml
parent 36a736d3b5
commit 94378c773d
5 changed files with 21 additions and 9 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

View File

@ -75,7 +75,7 @@
}
.content__header img {
margin-bottom: 3em;
width: 160px;
width: 130px;
}
.content__body {
background-color: var(--color-background-alternative);
@ -95,7 +95,7 @@
<body>
<div class="content">
<div class="content__header">
<img src="./images/info-logo.png" alt="" />
<img src="./images/logo/metamask-fox.svg" alt="MetaMask Logo" />
<h1>
<i class="fa fa-exclamation-circle" aria-hidden="true"></i>
MetaMask Phishing Detection

View File

@ -1,15 +1,12 @@
.info-tab {
&__logo-wrapper {
height: 80px;
margin-bottom: 20px;
display: flex;
justify-content: center;
}
&__logo {
max-height: 100%;
max-width: 50%;
display: block;
margin-left: auto;
margin-right: auto;
height: 80px;
}
&__item {

View File

@ -142,7 +142,11 @@ export default class InfoTab extends PureComponent {
{this.renderInfoLinks()}
</div>
<div className="info-tab__logo-wrapper">
<img src="./images/info-logo.png" className="info-tab__logo" alt="" />
<img
src="./images/logo/metamask-fox.svg"
className="info-tab__logo"
alt="MetaMask Logo"
/>
</div>
</div>
);

View File

@ -0,0 +1,11 @@
import React from 'react';
import InfoTab from '.';
export default {
title: 'Pages/Settings/InfoTab',
id: __filename,
};
export const DefaultStory = () => <InfoTab />;
DefaultStory.storyName = 'Default';