Fix button visual issues (#5386)

ethyca · Oct 16, 2024 · 6ca6cac · 6ca6cac
1 parent 3c760e5
commit 6ca6cac
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 4 deletions.
diff --git a/clients/admin-ui/src/features/data-discovery-and-detection/SearchInput.tsx b/clients/admin-ui/src/features/data-discovery-and-detection/SearchInput.tsx
@@ -36,7 +36,9 @@ export const SearchInput = ({ value, onChange }: SearchInputProps) => {
         onChange={handleOnChange}
         className="w-full"
       />
-      <Button onClick={onClear}>Clear</Button>
+      <Button onClick={onClear} className="bg-[#f5f5f5] hover:!bg-[#d9d9d9]">
+        Clear
+      </Button>
     </AntSpace.Compact>
   );
 };
diff --git a/clients/admin-ui/src/features/privacy-requests/PrivacyRequestsContainer.tsx b/clients/admin-ui/src/features/privacy-requests/PrivacyRequestsContainer.tsx
@@ -27,7 +27,7 @@ const PrivacyRequestsContainer = () => {
 
   return (
     <>
-      <Flex data-testid="privacy-requests" gap={4}>
+      <Flex data-testid="privacy-requests" gap={2}>
         <Heading mb={8} fontSize="2xl" fontWeight="semibold">
           Privacy Requests
         </Heading>

diff --git a/clients/admin-ui/src/pages/dataset/new/index.tsx b/clients/admin-ui/src/pages/dataset/new/index.tsx
@@ -28,7 +28,6 @@ const NewDataset: NextPage = () => {
         <Box>
           <Button
             onClick={() => setGenerateMethod("yaml")}
-            ghost={generateMethod === "yaml"}
             data-testid="upload-yaml-btn"
             className="mr-2"
           >

diff --git a/clients/admin-ui/src/pages/integrations/[id].tsx b/clients/admin-ui/src/pages/integrations/[id].tsx
@@ -68,7 +68,7 @@ const IntegrationDetailView: NextPage = () => {
               <ConnectionStatusNotice testData={testData} />
             </Flex>
             <Spacer />
-            <div>
+            <div className="flex gap-4">
               <Button
                 onClick={testConnection}
                 loading={testIsLoading}

diff --git a/clients/admin-ui/src/theme/ant.ts b/clients/admin-ui/src/theme/ant.ts
@@ -24,6 +24,7 @@ export const antTheme: AntThemeConfig = {
       primaryShadow: "",
       defaultShadow: "",
       dangerShadow: "",
+      defaultBg: "#ffffff",
     },
     Layout: {
       bodyBg: "rgb(250,250,250)",
@@ -40,5 +41,8 @@ export const antTheme: AntThemeConfig = {
     Transfer: {
       controlItemBgActiveHover: "rgb(206,202,194)",
     },
+    Input: {
+      colorBgContainer: "#ffffff",
+    },
   },
 };