Merge pull request #800 from eyworldwide/main

fix: search style
galacean · Sep 15, 2023 · 5876f6a · 5876f6a
2 parents d6df525 + 7836d4f
commit 5876f6a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/components/header/components/SearchBox.tsx b/src/components/header/components/SearchBox.tsx
@@ -47,7 +47,7 @@ const SearchBox = () => {
   let endSlot = null;
 
   if (loadingSearchResult) {
-    endSlot = <Spin size="sm" />
+    endSlot = <Spin size="sm" css={{width: "$4", height: "$4", marginRight: "$1_5"}} />
   }
   else if (searchText) {
     endSlot = <ActionButton size="md">

diff --git a/src/components/header/components/SearchResults.tsx b/src/components/header/components/SearchResults.tsx
@@ -13,11 +13,14 @@ interface ISearchResProps {
 
 const StyledTabList = styled(TabsList, {
   marginBottom: "$4",
+  backgroundColor: "transparent",
   gap: "$8",
   "& button": {
     transition: "border-color 0.2s",
-    borderBottom: "4px solid transparent",
+    border: "none",
+    borderBottom: "1px solid transparent",
     "&[data-state='active']": {
+    backgroundColor: "transparent",
       borderColor: "$blue10"
     }
   }

diff --git a/src/components/home/Editor.tsx b/src/components/home/Editor.tsx
@@ -1,6 +1,5 @@
 import { ArrowRightOutlined } from "@ant-design/icons";
 import { Button, Flex, styled } from "@galacean/editor-ui";
-import { MagicWand } from "iconoir-react";
 import { FormattedMessage } from 'react-intl';
 
 const StyledEditor = styled("div", {