1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-24 11:01:41 +01:00
metamask-extension/ui/app/components/transaction-list/index.scss

47 lines
747 B
SCSS

.transaction-list {
display: flex;
flex-direction: column;
flex: 1;
margin-top: 8px;
&__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;
}
&__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;
}
}