domain and mail server

src/components/Table.tsx

@@ -125,7 +125,7 @@ const Table = <T extends RowDataType>({
             <thead className={`h-[60px] md:h-[69px] bg-white text-sm text-[#8C90A3] ${headerClassName}`}>
                 <tr>
                     {selectable && (
-                        <th className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10 relative z-[5]">
+                        <th className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10 relative z-[5] first:rounded-tr-2xl md:first:rounded-tr-3xl">
                             <Checkbox
                                 checked={data.length > 0 && selectedRows.length === data.length}
                                 onCheckedChange={handleSelectAll}
@@ -133,19 +133,13 @@ const Table = <T extends RowDataType>({
                         </th>
                     )}
                     {columns.map((col) => (
-                        <th
-                            key={col.key}
-                            className={getCellClassName(col)}
-                            style={{ width: col.width }}
-                        >
-                            <Td text={col.title} />
-                        </th>
+                        <Td key={col.key} text={col.title} />
                     ))}
                     {rowActions && (
-                        <th className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10"></th>
+                        <th className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10 rounded-tl-2xl md:rounded-tl-3xl"></th>
                     )}
                 </tr>
-            </thead>
+            </thead >
         );
     };
 
@@ -166,7 +160,7 @@ const Table = <T extends RowDataType>({
         <div className={`relative mt-6 md:mt-9 w-full ${className}`}>
             {(actionsPosition === 'top' || actionsPosition === 'above-header') && renderActions()}
 
-            <div className="overflow-x-auto overflow-hidden rounded-b-2xl md:rounded-b-3xl bg-white shadow-sm">
+            <div className="overflow-x-auto overflow-hidden rounded-2xl md:rounded-3xl bg-white shadow-sm">
                 <table className="w-full text-sm border-collapse min-w-[600px]">
                     {renderHeader()}
                     {actionsPosition === 'header-replace' && (

src/components/Td.tsx

@@ -4,11 +4,12 @@ interface Props {
     text: string | number | ReactNode,
     children?: ReactNode,
     dir?: string,
+    className?: string,
 }
 
 const Td: FC<Props> = (props: Props) => {
     return (
-        <td className='px-3 md:px-6 py-3 md:py-4 whitespace-nowrap text-xs' style={{ direction: props.dir === "ltr" ? "ltr" : "rtl" }}>
+        <td className={`px-3 md:px-6 py-3 md:py-4 whitespace-nowrap text-xs ${props.className}`} style={{ direction: props.dir === "ltr" ? "ltr" : "rtl" }}>
             {
                 props.text ?
                     props.text