mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
changed icon to button for connected-sites-list (#13476)
* changed icon to button for connected-sites-list * made CSS changes
This commit is contained in:
parent
c1b5e18a01
commit
d02facf17e
@ -1,5 +1,6 @@
|
|||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
|
import Button from '../../ui/button';
|
||||||
import SiteIcon from '../../ui/site-icon';
|
import SiteIcon from '../../ui/site-icon';
|
||||||
import { stripHttpsSchemeWithoutPort } from '../../../helpers/utils/util';
|
import { stripHttpsSchemeWithoutPort } from '../../../helpers/utils/util';
|
||||||
|
|
||||||
@ -39,11 +40,13 @@ export default class ConnectedSitesList extends Component {
|
|||||||
{this.getSubjectDisplayName(subject)}
|
{this.getSubjectDisplayName(subject)}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<Button
|
||||||
className="fas fa-trash-alt connected-sites-list__trash"
|
className="connected-sites-list__content-row-link-button"
|
||||||
title={t('disconnect')}
|
|
||||||
onClick={() => onDisconnect(subject.origin)}
|
onClick={() => onDisconnect(subject.origin)}
|
||||||
/>
|
type="link"
|
||||||
|
>
|
||||||
|
{t('disconnect')}
|
||||||
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</main>
|
</main>
|
||||||
|
@ -13,6 +13,14 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
border-top: 1px solid #d2d8dd;
|
border-top: 1px solid #d2d8dd;
|
||||||
padding: 16px 24px;
|
padding: 16px 24px;
|
||||||
|
|
||||||
|
& &-link-button {
|
||||||
|
@include H7;
|
||||||
|
|
||||||
|
padding: 0;
|
||||||
|
width: auto;
|
||||||
|
padding-inline-start: 24px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__subject-info {
|
&__subject-info {
|
||||||
@ -32,8 +40,4 @@
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
margin-left: 6px;
|
margin-left: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__trash {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user