ONAANDALL/frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: 페이지 내 테이블 높이 유동적으로 변경

Browse Source
This commit is contained in:
chanii8
2025-06-05 17:33:57 +09:00
parent 065cb977e2
commit 5d7a6ea968
14 changed files with 26 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/cs/src/pages/banner/ui/banner-page.tsx
+1 -1
View File
@@ -133,7 +133,7 @@ function BannerPage() {
</div>
</div>
</div>
<div className="card !m-[1.2rem] h-full overflow-auto !p-0">
<div className="card !m-[1.2rem] !p-0">
<DataTable table={table} onRowClick={handleRowClick} viewPagination />
</div>
</div>
apps/cs/src/pages/bbs/ui/bbs-page.tsx
+1 -1
View File
@@ -134,7 +134,7 @@ function BbsPage() {
</div>
</div>
</div>
<div className="card !m-[1.2rem] h-full overflow-auto !p-0">
<div className="card !m-[1.2rem] !p-0">
<DataTable table={table} onRowClick={handleRowClick} viewPagination />
</div>
</div>
apps/cs/src/pages/contents/ui/contents-page.tsx
+1 -1
View File
@@ -89,7 +89,7 @@ function ContentsPage() {
등록
</Button>
</div>
<div className="card !m-[1.2rem] overflow-auto !p-0">
<div className="card !m-[1.2rem] !p-0">
<DataTable
table={table}
onRowClick={handleRowClick}
apps/cs/src/pages/file/ui/file-page.tsx
+1 -1
View File
@@ -108,7 +108,7 @@ function FilePage() {
<div className="card-header">
<h3 className="text-2xl font-medium text-label">파일 목록</h3>
</div>
<div className="card !m-[1.2rem] overflow-auto !p-0">
<div className="card !m-[1.2rem] !p-0">
<DataTable table={table} viewPagination />
</div>
</div>
apps/cs/src/pages/image/ui/image-page.tsx
+1 -1
View File
@@ -121,7 +121,7 @@ function ImagePage() {
</div>
</div>
</div>
<div className="card !m-[1.2rem] h-full overflow-auto !p-0">
<div className="card !m-[1.2rem] !p-0">
<DataTable table={table} onRowClick={handleRowClick} viewPagination />
</div>
</div>
apps/cs/src/pages/module/ui/module-page.tsx
+1 -1
View File
@@ -113,7 +113,7 @@ function ModulePage() {
<h3 className="text-2xl font-medium text-label">모듈API 목록</h3>
<Button onClick={() => router.push("/module/register")}>등록</Button>
</div>
<div className="card !m-[1.2rem] h-[59rem] overflow-auto !p-0">
<div className="card !m-[1.2rem] !p-0">
<DataTable table={table} onRowClick={handleRowClick} viewPagination />
</div>
</div>
apps/cs/src/pages/popup/ui/popup-page.tsx
+1 -1
View File
@@ -120,7 +120,7 @@ function PopupPage() {
</AuthorityButton>
</div>
</div>
<div className="card !m-[1.2rem] h-[29.2rem] overflow-auto !p-0">
<div className="card !m-[1.2rem] !p-0">
<DataTable table={table} onRowClick={handleRowClick} viewPagination />
</div>
</div>
apps/cs/src/pages/recent/ui/recent-page.tsx
+1 -1
View File
@@ -332,7 +332,7 @@ function RecentPage() {
</div>
</div>
</div>
<div className="card !m-[1.2rem] h-full overflow-auto !p-0">
<div className="card !m-[1.2rem] !p-0">
<DataTable table={table} onRowClick={handleRowClick} viewPagination />
</div>
</div>
apps/cs/src/pages/site/ui/site-page.tsx
+1 -1
View File
@@ -85,7 +85,7 @@ function SitePage() {
<h3 className="text-2xl font-medium text-label">사이트 목록</h3>
<Button onClick={() => router.push("/site/register")}>등록</Button>
</div>
<div className="card !m-[1.2rem] h-[29.2rem] overflow-auto !p-0">
<div className="card !m-[1.2rem] !p-0">
<DataTable table={table} onRowClick={handleRowClick} viewPagination />
</div>
</div>
apps/cs/src/pages/survey/ui/survey-page.tsx
+1 -1
View File
@@ -120,7 +120,7 @@ function SurveyPage() {
</AuthorityButton>
</div>
</div>
<div className="card !m-[1.2rem] min-h-[30rem] overflow-auto !p-0">
<div className="card !m-[1.2rem] !p-0">
<DataTable table={table} onRowClick={handleRowClick} viewPagination />
</div>
</div>
apps/cs/src/pages/survey/ui/user-survey-article.tsx
+3 -3
View File
@@ -85,7 +85,7 @@ function UserSurveyArticle({ srvySn }: { srvySn: string }) {
};
return (
<div className="h-screen bg-[#f1f6f9] p-4">
<div className="h-screen bg-container p-4">
<div className="card card-border !m-0 max-h-full overflow-auto">
<Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)}>
@@ -190,7 +190,7 @@ function UserSurveyArticle({ srvySn }: { srvySn: string }) {
</div>
</div>
<hr className="my-8" />
<div className="h-[8rem] overflow-auto rounded-sm bg-accent p-4">
<div className="h-[8rem] overflow-auto rounded-sm bg-accent p-4 text-accent-foreground">
{userSurvey?.srvyWrtGdCn}
</div>
<div className="mt-10 flex flex-col gap-10">
@@ -447,7 +447,7 @@ function TextareaArticle({
<FormItem>
<FormControl>
<Textarea
className="!text-[1.3rem]"
className="bg-form !text-[1.3rem]"
placeholder="답변을 입력해주세요"
{...field}
/>
apps/cs/src/pages/survey/ui/user-survey-result.tsx
+11 -7
View File
@@ -56,7 +56,7 @@ function UserSurveyResult({ srvySn }: { srvySn: string }) {
});
return (
<div className="h-screen bg-[#f1f6f9] p-4">
<div className="h-screen bg-container p-4">
<div className="card card-border !m-0 max-h-full overflow-auto">
<div className="card-header sticky -top-2 z-10 bg-background">
<h1 className="text-2xl font-bold text-foreground">
@@ -195,7 +195,7 @@ function WithPieChartResult({
<span className="flex size-8 items-center justify-center rounded-full bg-primary text-[1.3rem] font-medium text-primary-foreground">
{index + 1}
</span>
<span className="font-medium">{data?.qstnCn}</span>
<span className="font-medium text-foreground">{data?.qstnCn}</span>
</h2>
<div className="flex gap-4">
<div className="h-[28rem] w-[28rem] shrink-0">
@@ -261,7 +261,7 @@ function WithBarChartResult({
<span className="flex size-8 items-center justify-center rounded-full bg-primary text-[1.3rem] font-medium text-primary-foreground">
{index + 1}
</span>
<span className="font-medium">{data?.qstnCn}</span>
<span className="font-medium text-foreground">{data?.qstnCn}</span>
</h2>
<div className="flex gap-4">
<div className="h-[28rem] w-[28rem] shrink-0">
@@ -306,7 +306,7 @@ function InputResult({
<span className="flex size-8 items-center justify-center rounded-full bg-primary text-[1.3rem] font-medium text-primary-foreground">
{index + 1}
</span>
<span className="font-medium">{data?.qstnCn}</span>
<span className="font-medium text-foreground">{data?.qstnCn}</span>
</h2>
<div className="card card-border !mx-0 flex max-h-[40rem] flex-col gap-2 overflow-auto">
{data?.articles[0]?.inputRslts.map((input, index) => (
@@ -315,12 +315,16 @@ function InputResult({
key={`input-${index}`}
>
<div className="flex items-center justify-between">
<span className="font-medium">{input.rspdntNm}</span>
<span className="text-[1.2rem]">
<span className="font-medium text-foreground">
{input.rspdntNm}
</span>
<span className="text-[1.2rem] text-label">
{dayjs(input.ansDt).format("YYYY-MM-DD")}
</span>
</div>
<p className="mt-2 whitespace-pre-wrap">{input.ansCn}</p>
<p className="mt-2 whitespace-pre-wrap text-foreground">
{input.ansCn}
</p>
</div>
))}
</div>
apps/cs/src/pages/template/ui/template-page.tsx
+1 -1
View File
@@ -109,7 +109,7 @@ function TemplatePage() {
등록
</Button>
</div>
<div className="card !m-[1.2rem] h-[29.2rem] overflow-auto !p-0">
<div className="card !m-[1.2rem] !p-0">
<DataTable table={table} onRowClick={handleRowClick} viewPagination />
</div>
</div>
apps/cs/src/pages/terms/ui/terms-page.tsx
+1 -1
View File
@@ -107,7 +107,7 @@ function TermsPage() {
<h3 className="text-2xl font-medium text-label">약관 목록</h3>
<Button onClick={() => router.push("/terms/register")}>등록</Button>
</div>
<div className="card !m-[1.2rem] h-[29.2rem] overflow-auto !p-0">
<div className="card !m-[1.2rem] !p-0">
<DataTable table={table} onRowClick={handleRowClick} viewPagination />
</div>
</div>