tr]:last:border-b-0",
- className
- )}
+ className={cx('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className)}
{...props}
/>
));
-TableFooter.displayName = "TableFooter";
+TableFooter.displayName = 'TableFooter';
const TableRow = React.forwardRef<
HTMLTableRowElement,
@@ -57,13 +49,13 @@ const TableRow = React.forwardRef<
));
-TableRow.displayName = "TableRow";
+TableRow.displayName = 'TableRow';
const TableHead = React.forwardRef<
HTMLTableCellElement,
@@ -72,13 +64,13 @@ const TableHead = React.forwardRef<
[role=checkbox]]:translate-y-[2px]",
+ 'text-muted-foreground h-10 px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
className
)}
{...props}
/>
));
-TableHead.displayName = "TableHead";
+TableHead.displayName = 'TableHead';
const TableCell = React.forwardRef<
HTMLTableCellElement,
@@ -87,13 +79,13 @@ const TableCell = React.forwardRef<
| [role=checkbox]]:translate-y-[2px]",
+ 'p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
className
)}
{...props}
/>
));
-TableCell.displayName = "TableCell";
+TableCell.displayName = 'TableCell';
const TableCaption = React.forwardRef<
HTMLTableCaptionElement,
@@ -101,11 +93,11 @@ const TableCaption = React.forwardRef<
>(({ className, ...props }, ref) => (
));
-TableCaption.displayName = "TableCaption";
+TableCaption.displayName = 'TableCaption';
export {
Table,
diff --git a/app/components/ui/images/ConnectWalletImage.tsx b/app/components/ui/images/ConnectWalletImage.tsx
index 9726cfc5..c776572b 100644
--- a/app/components/ui/images/ConnectWalletImage.tsx
+++ b/app/components/ui/images/ConnectWalletImage.tsx
@@ -1,10 +1,10 @@
-import { useTheme } from "next-themes";
+import { useTheme } from 'next-themes';
export const ConnectWalletImage = ({ ...props }) => {
const { resolvedTheme } = useTheme();
- const color1 = "#7755FF";
- const color2 = resolvedTheme === "light" ? "#F4F3FF" : "#251255";
+ const color1 = '#7755FF';
+ const color2 = resolvedTheme === 'light' ? '#F4F3FF' : '#251255';
return (
|