1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-28 23:06:37 +01:00
metamask-extension/ui/components/app/transaction-list/index.scss
2022-08-04 09:03:02 -05:00

52 lines
812 B
SCSS

.transaction-list {
display: flex;
flex-direction: column;
flex: 1;
&__completed-transactions {
display: flex;
flex-direction: column;
flex: 1;
}
&__header {
@include H6;
flex: 0 0 auto;
color: var(--color-text-muted);
border-bottom: 1px solid var(--color-border-muted);
padding: 8px 0 8px 20px;
@include screen-sm-max {
padding: 8px 0 8px 16px;
}
}
&__transactions {
flex: 1;
}
&__pending-transactions {
margin-bottom: 16px;
}
&__empty {
flex: 1;
display: grid;
grid-template-rows: auto;
padding-top: 24px;
}
&__empty-text {
grid-row-start: 2;
display: flex;
justify-content: center;
color: var(--color-text-muted);
}
&__view-more {
margin: 16px auto;
max-width: 200px;
}
}