1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-25 12:52:33 +02:00
metamask-extension/ui/app/components/transaction-list/index.scss
2018-09-19 14:31:10 -07:00

50 lines
824 B
SCSS

.transaction-list {
display: flex;
flex-direction: column;
flex: 1;
overflow-y: hidden;
margin-top: 8px;
border-top: 1px solid $geyser;
&__completed-transactions {
display: flex;
flex-direction: column;
flex: 1;
}
&__header {
flex: 0 0 auto;
font-size: .875rem;
color: $dusty-gray;
border-bottom: 1px solid $geyser;
padding: 8px 0 8px 20px;
@media screen and (max-width: $break-small) {
padding: 8px 0 8px 16px;
}
}
&__transactions {
flex: 1;
overflow-y: auto;
}
&__pending-transactions {
margin-bottom: 16px;
}
&__empty {
flex: 1;
display: grid;
grid-template-rows: 35% 1fr;
padding-top: 8px;
}
&__empty-text {
grid-row-start: 2;
display: flex;
justify-content: center;
color: $silver;
}
}