diff options
Diffstat (limited to 'ui/app/components/sender-to-recipient/index.scss')
-rw-r--r-- | ui/app/components/sender-to-recipient/index.scss | 120 |
1 files changed, 0 insertions, 120 deletions
diff --git a/ui/app/components/sender-to-recipient/index.scss b/ui/app/components/sender-to-recipient/index.scss deleted file mode 100644 index 0ab0413be..000000000 --- a/ui/app/components/sender-to-recipient/index.scss +++ /dev/null @@ -1,120 +0,0 @@ -.sender-to-recipient { - &--default { - width: 100%; - display: flex; - flex-direction: row; - justify-content: center; - border-bottom: 1px solid $geyser; - position: relative; - flex: 0 0 auto; - height: 42px; - - .sender-to-recipient { - &__tooltip-wrapper { - min-width: 0; - } - - &__tooltip-container { - max-width: 100%; - } - - &__party { - display: flex; - flex-direction: row; - align-items: center; - flex: 1; - padding: 0 16px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - - &--sender { - padding-right: 30px; - cursor: pointer; - } - - &--recipient { - padding-left: 30px; - border-left: 1px solid $geyser; - - &-with-address { - cursor: pointer; - } - } - } - - &__arrow-container { - position: absolute; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - } - - &__arrow-circle { - background: $white; - padding: 5px; - border: 1px solid $geyser; - border-radius: 20px; - height: 32px; - width: 32px; - display: flex; - justify-content: center; - align-items: center; - } - - &__name { - padding-left: 14px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - font-size: .875rem; - } - } - } - - &--cards { - width: 100%; - display: flex; - flex-direction: row; - justify-content: center; - position: relative; - flex: 0 0 auto; - - .sender-to-recipient { - &__party { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; - flex: 1; - border-radius: 4px; - box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); - padding: 6px; - background: $white; - cursor: pointer; - min-width: 0; - color: $dusty-gray; - } - - &__tooltip-wrapper { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - &__name { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - font-size: .5rem; - } - - &__arrow-container { - display: flex; - justify-content: center; - align-items: center; - } - } - } -} |