Merge pull request #3959 from Koniverse/koni/dev/issue-3958

[Issue-3958] Extension - Improve search token (round 1)
Koniverse · Jan 16, 2025 · 04f64bc · 04f64bc · saltict · Jan 16, 2025
2 parents 153b100 + 223d76d
commit 04f64bc
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 12 deletions.
diff --git a/packages/extension-koni-ui/src/Popup/Home/index.tsx b/packages/extension-koni-ui/src/Popup/Home/index.tsx
@@ -126,6 +126,7 @@ function Component ({ className = '' }: Props): React.ReactElement<Props> {
             onClickSearchIcon={onOpenGlobalSearchToken}
             showFilterIcon
             showNotificationIcon
+            showSearchIcon
           >
             <Outlet />
             <GeneralTermModal onOk={onAfterConfirmTermModal} />

diff --git a/packages/extension-koni-ui/src/components/Layout/base/Home.tsx b/packages/extension-koni-ui/src/components/Layout/base/Home.tsx
@@ -129,6 +129,10 @@ const Home = styled(Component)<Props>(({ theme: { token } }: Props) => ({
     display: 'flex'
   },
 
+  '.ant-sw-header-center-part.ant-sw-header-center-part': {
+    paddingRight: 0
+  },
+
   '.notification-icon': {
     position: 'relative',
     display: 'flex'

diff --git a/packages/extension-koni-ui/src/components/Layout/parts/SelectAccount/index.tsx b/packages/extension-koni-ui/src/components/Layout/parts/SelectAccount/index.tsx
@@ -360,24 +360,18 @@ const SelectAccount = styled(Component)<Props>(({ theme }) => {
       width: '100%',
       flexDirection: 'row',
       alignItems: 'center',
-      padding: `${token.paddingXS}px  ${token.padding}px`,
-      paddingLeft: 0,
-      gap: 8,
+      padding: `${token.paddingXS}px`,
+      paddingLeft: token.marginXXS,
+      paddingRight: token.marginXS,
+      overflow: 'hidden',
+      gap: token.sizeXS,
       cursor: 'pointer'
     },
 
-    '.selected-account.is-no-all-account': {
-      marginLeft: token.marginXXS,
-
-      '.account-name ': {
-        maxWidth: 165
-      }
-    },
-
     '.connect-icon': {
       color: token.colorTextBase,
-      width: 40,
       height: 40,
+      paddingRight: token.paddingXXS,
       display: 'flex',
       justifyContent: 'center',
       alignItems: 'center',