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

changed icon to button for connected-sites-list (#13476)

Browse Source 
* changed icon to button for connected-sites-list

* made CSS changes
This commit is contained in:
Hassan Malik 2022-01-31 12:33:35 -08:00 committed by GitHub
parent c1b5e18a01
commit d02facf17e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ui/components/app/connected-sites-list/connected-sites-list.component.js
View File

@ -1,5 +1,6 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import Button from '../../ui/button';
import SiteIcon from '../../ui/site-icon';
import { stripHttpsSchemeWithoutPort } from '../../../helpers/utils/util';
@ -39,11 +40,13 @@ export default class ConnectedSitesList extends Component {
{this.getSubjectDisplayName(subject)}
</span>
</div>
<i
className="fas fa-trash-alt connected-sites-list__trash"
title={t('disconnect')}
<Button
className="connected-sites-list__content-row-link-button"
onClick={() => onDisconnect(subject.origin)}
/>
type="link"
>
{t('disconnect')}
</Button>
</div>
))}
</main>

12
ui/components/app/connected-sites-list/index.scss
View File

@ -13,6 +13,14 @@
align-items: center;
border-top: 1px solid #d2d8dd;
padding: 16px 24px;
& &-link-button {
@include H7;
padding: 0;
width: auto;
padding-inline-start: 24px;
}
}
&__subject-info {
@ -32,8 +40,4 @@
text-overflow: ellipsis;
margin-left: 6px;
}
&__trash {
cursor: pointer;
}
}