입포트 구조 수정

서치폼 기본 크기 적용
글자크기 2xl로 수정.
This commit is contained in:
truthwing
2025-03-10 18:25:06 +09:00
parent fa0d220aab
commit e4d5e21b29
5 changed files with 45 additions and 43 deletions
+3 -1
View File
@@ -5,4 +5,6 @@
node_modules
# misc
.DS_Store
.DS_Store
apps/wr/.next/**/*
apps/fo/.next/**/*
@@ -1,7 +1,7 @@
import * as React from "react"
import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
import * as React from "react"
import { cn } from "@/lib/utils"
import { cn } from "../../lib/utils"
const ScrollArea = React.forwardRef<
React.ElementRef<typeof ScrollAreaPrimitive.Root>,
@@ -1,9 +1,9 @@
function SearchDiv ({children}:{ children: React.ReactNode; }) {
return (
<div className="flex border border-black m-4 rounded-lg">
<div className="flex border border-black m-4 rounded-lg min-h-[80px]">
{children}
</div>
)
}
export { SearchDiv };
export { SearchDiv };
@@ -17,9 +17,9 @@ const SelectBox = React.forwardRef<
return (
<div className={className+" flex items-center"} ref={ref}>
{label && <Label className="m-4 text-lg w-1/4">{label}</Label>}
{label && <Label className="m-4 text-2xl w-1/4">{label}</Label>}
<Select onValueChange={onSelectValue}>
<SelectTrigger className="ml-8 w-3/4 text-lg">
<SelectTrigger className="ml-8 w-3/4 text-2xl">
<SelectValue placeholder={placeHolder} />
</SelectTrigger>
<SelectContent>
@@ -1,49 +1,49 @@
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@common/components";
import UiPageNations from "./uiPageNations";
type UiTableProps = {
headName: React.ReactNode|undefined;
type UiTableProps = {
headName: React.ReactNode | undefined;
tableData: { [key: string]: string | number | boolean }[];
headlist: UiHeadProps[];
pageSize: number;
total: number;
children: React.ReactNode|undefined;
children: React.ReactNode | undefined;
}
type UiHeadProps={
id:string;
title:string;
type UiHeadProps = {
id: string;
title: string;
}
export function UiTable({ tableData, headlist,pageSize , total, children,headName}: UiTableProps) {
export function UiTable({ tableData, headlist, pageSize, total, children, headName }: UiTableProps) {
const cur = 1;
return (
<>
{headName?headName:<></>}
<Table>
<TableHeader>
{children? <>{children}</>:<TableRow>
{headlist?.map((head) => (
<TableHead key={head.id}>{head.title}</TableHead>
))}
</TableRow>}
</TableHeader>
<TableBody className='text-center'>
{tableData?.map((el: { [key: string]: string | number | boolean },index) => (
<TableRow key={index+"row"} >
{headlist.map((head) => (
<TableCell key={head.id+index}>{el[head.id]}</TableCell>
))}
</TableRow>
return (
<>
{headName ? headName : <></>}
<Table>
<TableHeader>
{children ? <>{children}</> : <TableRow>
{headlist?.map((head) => (
<TableHead key={head.id}>{head.title}</TableHead>
))}
</TableBody>
</Table>
{total <=0? <></>: <UiPageNations total={total} cur={cur} pageSize={pageSize} />}
</>
);
}
</TableRow>}
</TableHeader>
<TableBody className='text-center'>
{tableData?.map((el: { [key: string]: string | number | boolean }, index) => (
<TableRow key={index + "row"} >
{headlist.map((head) => (
<TableCell key={head.id + index}>{el[head.id]}</TableCell>
))}
</TableRow>
))}
</TableBody>
</Table>
{total <= 0 ? <></> : <UiPageNations total={total} cur={cur} pageSize={pageSize} />}
</>
);
}