aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/sender-to-recipient/index.scss
diff options
context:
space:
mode:
Diffstat (limited to 'ui/app/components/sender-to-recipient/index.scss')
-rw-r--r--ui/app/components/sender-to-recipient/index.scss120
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;
- }
- }
- }
-}