diff options
author | Alexander Tseung <alextsg@gmail.com> | 2018-09-01 03:36:36 +0800 |
---|---|---|
committer | Alexander Tseung <alextsg@gmail.com> | 2018-09-13 10:48:52 +0800 |
commit | 5beb34aa521efe50057b494ec3b52004a9cb5817 (patch) | |
tree | c5f7429777a1030fdb563b653fd96486f8d3f572 /ui/app/components/transaction-list-item-details/index.scss | |
parent | fd51ab12298e93286eeaf03c60e0b4e8d5d1bad3 (diff) | |
download | tangerine-wallet-browser-5beb34aa521efe50057b494ec3b52004a9cb5817.tar.gz tangerine-wallet-browser-5beb34aa521efe50057b494ec3b52004a9cb5817.tar.zst tangerine-wallet-browser-5beb34aa521efe50057b494ec3b52004a9cb5817.zip |
Add TransactionListItemDetails component
Diffstat (limited to 'ui/app/components/transaction-list-item-details/index.scss')
-rw-r--r-- | ui/app/components/transaction-list-item-details/index.scss | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/ui/app/components/transaction-list-item-details/index.scss b/ui/app/components/transaction-list-item-details/index.scss new file mode 100644 index 000000000..54cf834cc --- /dev/null +++ b/ui/app/components/transaction-list-item-details/index.scss @@ -0,0 +1,49 @@ +.transaction-list-item-details { + &__header { + margin-bottom: 8px; + display: flex; + justify-content: space-between; + align-items: center; + } + + &__header-buttons { + display: flex; + flex-direction: row; + } + + &__header-button { + font-size: .625rem; + + &:not(:last-child) { + margin-right: 8px; + } + } + + &__sender-to-recipient-container { + margin-bottom: 8px; + } + + &__cards-container { + display: flex; + flex-direction: row; + + @media screen and (max-width: $break-small) { + flex-direction: column; + } + } + + &__transaction-breakdown { + flex: 1; + margin-right: 8px; + min-width: 0; + + @media screen and (max-width: $break-small) { + margin: 0 0 8px 0; + } + } + + &__transaction-activity-log { + flex: 2; + min-width: 0; + } +} |