1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-23 11:46:13 +02:00
metamask-extension/ui/components/app/transaction-list/index.scss
Guillaume Roux ad28c81a39
General backgrounds and borders design token updates (#13764)
Co-authored-by: Guillaume Roux <guillaumeroux123@gmail.com>
Co-authored-by: George Marshall <george.marshall@consensys.net>
Co-authored-by: David Walsh <davidwalsh83@gmail.com>
2022-03-16 15:49:25 +01:00

52 lines
833 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;
@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: 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;
}
}