Adrienne / Changed border bottom color for order details page in resp…

…onsive for dark mode (binary-com#6221) * changed border bottom color for order details * Changed border bottom color for buy-sell modal Co-authored-by: Carol Sachdeva <58209918+carol-binary@users.noreply.github.com>
mahdiyeh-deriv · Sep 27, 2022 · a96b137 · a96b137
1 parent c26f0d1
commit a96b137
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/packages/p2p/src/components/buy-sell/buy-sell-modal.scss b/packages/p2p/src/components/buy-sell/buy-sell-modal.scss
@@ -1,6 +1,12 @@
 .buy-sell__modal {
     opacity: 1 !important;
 
+    @include mobile {
+        .dc-mobile-full-page-modal__header--border-bottom {
+            border-bottom: 2px solid var(--general-section-1);
+        }
+    }
+
     &-body {
         position: relative;
         display: block;

diff --git a/packages/p2p/src/components/order-details/order-details.scss b/packages/p2p/src/components/order-details/order-details.scss
@@ -13,6 +13,12 @@ $card-width: 456px;
         margin-bottom: 3rem;
     }
 
+    @include mobile {
+        .dc-mobile-full-page-modal__header--border-bottom {
+            border-bottom: 2px solid var(--general-section-1);
+        }
+    }
+
     &--body {
         display: flex;
         flex-direction: column;