From 4aa462bedd7e32db04617071de74b3b509d2ed11 Mon Sep 17 00:00:00 2001
From: 07akioni <07akioni2@gmail.com>
Date: Fri, 9 Apr 2021 19:29:02 +0800
Subject: [PATCH] refactor(transfer): adjust filter style

---
 src/transfer/src/styles/index.cssr.ts | 7 +++++--
 src/transfer/styles/dark.ts           | 3 +--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/transfer/src/styles/index.cssr.ts b/src/transfer/src/styles/index.cssr.ts
index 77eca07e7..df34a6737 100644
--- a/src/transfer/src/styles/index.cssr.ts
+++ b/src/transfer/src/styles/index.cssr.ts
@@ -155,9 +155,12 @@ export default c([
         border-top-right-radius: 0;
       `, [
         cB('transfer-filter', `
-          padding: 8px 8px;
+          padding: 0 8px 8px 8px;
           box-sizing: border-box;
-          transition: border-color .3s var(--bezier);
+          background-color: var(--header-color);
+          transition:
+            border-color .3s var(--bezier),
+            background-color .3s var(--bezier);
           border-bottom: 1px solid var(--filter-divider-color);
         `),
         cB('transfer-list-flex-container', `
diff --git a/src/transfer/styles/dark.ts b/src/transfer/styles/dark.ts
index c3a8b4097..f551233e3 100644
--- a/src/transfer/styles/dark.ts
+++ b/src/transfer/styles/dark.ts
@@ -34,7 +34,6 @@ const transferDark: TransferTheme = {
       textColor1,
       textColorDisabled,
       textColor2,
-      dividerColor,
       hoverColor
     } = vars
     return {
@@ -52,7 +51,7 @@ const transferDark: TransferTheme = {
       titleTextColor: textColor1,
       titleTextColorDisabled: textColorDisabled,
       extraTextColor: textColor2,
-      filterDividerColor: dividerColor,
+      filterDividerColor: 'transparent',
       itemTextColor: textColor2,
       itemTextColorDisabled: textColorDisabled,
       itemColorPending: hoverColor,