feat: modify table design

2026-07-09 17:14:37 +05:30
parent 87dde1c8d1
commit 0e8108b875
5 changed files with 116 additions and 56 deletions
--- a/src/components/data-table/TableSearchInput.tsx
+++ b/src/components/data-table/TableSearchInput.tsx
@@ -23,14 +23,20 @@ export function TableSearchInput({
  className,
 }: TableSearchInputProps) {
  return (
-    <InputGroup className={cn('md:max-w-xs', className)}>
+    <InputGroup
+      className={cn(
+        'h-9 border-border bg-background shadow-none md:max-w-xs',
+        className,
+      )}
+    >
      <InputGroupAddon>
-        <Search />
+        <Search className="size-4" />
      </InputGroupAddon>
      <InputGroupInput
        value={value}
        onChange={(event) => onChange(event.target.value)}
        placeholder={placeholder}
+        className="placeholder:text-muted-foreground/70"
      />
    </InputGroup>
  );