mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-29 23:58:06 +01:00
2cd242252f
* Created new screen/page "Token details" * Change color in scss * Modify elements to the latest requirements and added unit tests * Review requested changes * Condensing files into one component * Added unit tests for token details page * Added redirection when switching networks, added image for a token and update unit tests * Requested review changes * Modify index.scss regarding of the requested review * Delete data-testid's from Typography and token-details-page.js * Requested review changes
50 lines
767 B
SCSS
50 lines
767 B
SCSS
.token-details {
|
|
&__title {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
&__closeButton {
|
|
float: right;
|
|
width: 10px;
|
|
margin-top: -17px;
|
|
margin-inline-end: -8px;
|
|
|
|
&::after {
|
|
font-size: 24px;
|
|
content: '\00D7';
|
|
color: var(--black);
|
|
}
|
|
}
|
|
|
|
&__token-value {
|
|
font-size: 32px;
|
|
}
|
|
|
|
&__token-address {
|
|
width: 222px;
|
|
}
|
|
|
|
&__copy-icon {
|
|
float: right;
|
|
margin-inline-start: 62px;
|
|
|
|
@media screen and (min-width: $break-large) {
|
|
margin-inline-start: 112px;
|
|
}
|
|
}
|
|
|
|
&__hide-token-button {
|
|
width: 319px;
|
|
height: 39px;
|
|
margin-top: 70px;
|
|
|
|
@media screen and (min-width: $break-large) {
|
|
margin-inline-start: 20px;
|
|
}
|
|
}
|
|
|
|
.btn--rounded.btn-primary {
|
|
background-color: #fff;
|
|
}
|
|
}
|