adjust icon sizes

Author: selfcontained

components/dashboard/src/components/podkit/loading/LoadingState.tsx

@@ -9,10 +9,11 @@ import { Delayed } from "./Delayed";
 import { FC } from "react";
 
 type Props = {
+    size?: number;
     delay?: boolean;
 };
-export const LoadingState: FC<Props> = ({ delay = true }) => {
-    const loader = <Loader2 className="animate-spin" />;
+export const LoadingState: FC<Props> = ({ delay = true, size = 24 }) => {
+    const loader = <Loader2 className="animate-spin" size={size} />;
 
     if (!delay) {
         return loader;

components/dashboard/src/components/podkit/tables/SortableTable.tsx

@@ -39,7 +39,7 @@ export const SortableTableHead = React.forwardRef<
                 {children}
                 {/* keep element in dom to preserve space */}
                 <span className={cn(!sortOrder && "invisible")}>
-                    {sortOrder === "asc" ? <ChevronUpIcon size={24} /> : <ChevronDownIcon size={24} />}
+                    {sortOrder === "asc" ? <ChevronUpIcon size={16} /> : <ChevronDownIcon size={16} />}
                 </span>
             </Button>
         </TableHead>

components/dashboard/src/repositories/list/RepositoryTable.tsx

@@ -96,7 +96,7 @@ export const RepositoryTable: FC<Props> = ({
                                 <TableHead className="w-24 text-right">
                                     {isSearching && (
                                         <div className="flex flex-right justify-end items-center">
-                                            <LoadingState delay={false} />
+                                            <LoadingState delay={false} size={16} />
                                         </div>
                                     )}
                                 </TableHead>