midsuit
/
julong-lib
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: update TableUI padding for better layout and enhance Menu SVG component with forwardRef and memo for performance

This commit is contained in:
faisolavolut 2025-03-13 10:25:14 +07:00
parent 60ff6de9a8
commit e0271ca527
2 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/tablelist/TableUI.tsx
View File

@ -57,7 +57,7 @@ export const TableUI = <T extends object>({
}
return (
<div className="flex flex-col flex-grow">
<div className="w-full p-4 py-6 pr-6 pl-3 ">
<div className="w-full p-4 md:py-6 pr-6 pl-3 ">
<div className="flex flex-row text-2xl font-bold">{title}</div>
{breadcrumb?.length ? (
<BreadcrumbBetterLink data={breadcrumb} />

20
svg/Menu.tsx
View File

@ -1,6 +1,16 @@
import { SVGProps } from "react";
const SvgComponent = (props: SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
import { SVGProps, Ref, forwardRef, memo } from "react";
import { cn } from "../utils";
const SvgComponent = (
props: SVGProps<SVGSVGElement>,
ref: Ref<SVGSVGElement>
) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
ref={ref}
className={cn(`text-current`, props.className)}
{...props}
>
<path
fill="none"
stroke="currentColor"
@ -12,4 +22,6 @@ const SvgComponent = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export { SvgComponent as Menu };
const ForwardRef = forwardRef(SvgComponent);
const Memo = memo(ForwardRef);
export { Memo as Menu };