1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-23 11:46:13 +02:00
metamask-extension/ui/app/css/itcss/components/transaction-list.scss

77 lines
1.1 KiB
SCSS
Raw Normal View History

.tx-list-header {
margin: 1.8em 1.3em 1.8em 1.3em;
}
.tx-list-content-divider {
margin: 0.1em 1.3em 0.1em 1.3em;
height: 1px;
background: rgb(231, 231, 231);
flex: 0 0 1px;
}
.tx-list-container {
height: 87.5%;
overflow-y: scroll;
}
2017-08-11 04:55:01 +02:00
.tx-list-item-wrapper {
flex: 0 0 70px;
2017-08-11 04:55:01 +02:00
align-items: stretch;
justify-content: flex-start;
margin: 0em 1.3em 0em 1.3em;
2017-08-11 04:55:01 +02:00
}
.tx-list-date-wrapper {
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
margin-top: 6px;
2017-08-11 04:55:01 +02:00
}
.tx-list-content-wrapper {
align-items: stretch;
margin-bottom: 8px;
2017-08-11 04:55:01 +02:00
}
.tx-list-date {
color: $dusty-gray;
font-size: 14px;
2017-08-11 04:55:01 +02:00
}
.tx-list-identicon-wrapper {
align-self: center;
2017-08-11 04:55:01 +02:00
flex: 1 1 auto;
margin-left: 3px;
2017-08-11 04:55:01 +02:00
}
.tx-list-account-wrapper {
flex: 3 3 auto;
align-self: center;
}
.tx-list-account {
font-size: 16px;
2017-08-11 04:55:01 +02:00
}
.tx-list-status-wrapper {
align-self: center;
2017-08-11 04:55:01 +02:00
flex: 5 5 auto;
}
.tx-list-status {
color: $dusty-gray;
font-size: 16px;
2017-08-11 04:55:01 +02:00
}
.tx-list-details-wrapper {
align-self: center;
2017-08-11 04:55:01 +02:00
flex: 2 2 auto;
}
.tx-list-value {
font-size: 16px;
}
.tx-list-fiat-value {
font-size: 12px;
2017-08-11 04:55:01 +02:00
}