diff options
author | Alexander Tseung <alextsg@gmail.com> | 2018-09-01 03:37:30 +0800 |
---|---|---|
committer | Alexander Tseung <alextsg@gmail.com> | 2018-09-13 10:48:52 +0800 |
commit | 01e9f03701751ba7cf4ee33961725982b3d63680 (patch) | |
tree | 5aef6b9a8c86848f8494fc238424dce193279e09 /ui/app/components/transaction-list-item/index.scss | |
parent | 5beb34aa521efe50057b494ec3b52004a9cb5817 (diff) | |
download | tangerine-wallet-browser-01e9f03701751ba7cf4ee33961725982b3d63680.tar tangerine-wallet-browser-01e9f03701751ba7cf4ee33961725982b3d63680.tar.gz tangerine-wallet-browser-01e9f03701751ba7cf4ee33961725982b3d63680.tar.bz2 tangerine-wallet-browser-01e9f03701751ba7cf4ee33961725982b3d63680.tar.lz tangerine-wallet-browser-01e9f03701751ba7cf4ee33961725982b3d63680.tar.xz tangerine-wallet-browser-01e9f03701751ba7cf4ee33961725982b3d63680.tar.zst tangerine-wallet-browser-01e9f03701751ba7cf4ee33961725982b3d63680.zip |
Add transaction details to TransactionListItem component
Diffstat (limited to 'ui/app/components/transaction-list-item/index.scss')
-rw-r--r-- | ui/app/components/transaction-list-item/index.scss | 37 |
1 files changed, 20 insertions, 17 deletions
diff --git a/ui/app/components/transaction-list-item/index.scss b/ui/app/components/transaction-list-item/index.scss index 9c53c8960..427686c29 100644 --- a/ui/app/components/transaction-list-item/index.scss +++ b/ui/app/components/transaction-list-item/index.scss @@ -1,37 +1,34 @@ .transaction-list-item { box-sizing: border-box; min-height: 74px; - padding: 8px 20px; border-bottom: 1px solid $geyser; - cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; - @media screen and (max-width: $break-small) { - padding: 8px 20px 12px; - } - - &:hover { - background: rgba($alto, .2); - } - &__grid { + cursor: pointer; width: 100%; + padding: 16px 20px; display: grid; grid-template-columns: 45px 1fr 1fr 1fr; grid-template-areas: "identicon action status primary-amount" "identicon nonce status secondary-amount"; - @media screen and (max-width: $break-small) { - grid-template-columns: 45px 5fr 3fr; - grid-template-areas: - "nonce nonce nonce" - "identicon action primary-amount" - "identicon status secondary-amount"; - } + @media screen and (max-width: $break-small) { + padding: 8px 20px 12px; + grid-template-columns: 45px 5fr 3fr; + grid-template-areas: + "nonce nonce nonce" + "identicon action primary-amount" + "identicon status secondary-amount"; + } + + &:hover { + background: rgba($alto, .2); + } } &__identicon { @@ -114,4 +111,10 @@ font-size: .5rem; } } + + &__details-container { + padding: 8px 16px 16px; + background: #f3f4f7; + width: 100%; + } } |