1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-22 19:26:13 +02:00
metamask-extension/ui/components/app/transaction-detail-item/index.scss
2022-11-15 08:40:56 -06:00

62 lines
938 B
SCSS

.transaction-detail-item {
color: var(--color-text-alternative);
padding: 20px 0;
border-bottom: 1px solid var(--color-border-default);
&__row {
display: flex;
justify-content: space-between;
grid-gap: 5px;
&-subText {
display: flex;
align-items: center;
.currency-display-component {
margin-left: 4px;
}
}
}
&__detail-values {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
width: 52%;
&--flex-width {
width: auto;
}
}
.info-tooltip {
display: inline-block;
margin-inline-start: 4px;
path {
fill: var(--color-icon-alternative);
}
}
.currency-display-component {
display: inline;
}
&:first-of-type {
padding-top: 0;
}
&:last-of-type {
margin-bottom: 20px;
}
&:first-child {
padding-top: 0;
}
&:last-child {
padding-bottom: 0;
border-bottom: 0;
}
}