kevin/baron-sso
1
0
Fork 0
forked from baron/baron-sso
Code Pull Requests Activity

개발자 권한 신청 테이블 공통 스타일 적용

Browse Source
This commit is contained in:
김용연
2026-05-14 11:54:29 +09:00
parent 55c44b1a6c
commit 4d0d4f6a63
1 changed files with 155 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
devfront/src/features/developer-request/DeveloperRequestPage.tsx
View File

@@ -27,6 +27,10 @@ import {
TableHeader,
TableRow,
} from "../../components/ui/table";
import {
commonTableShellClass,
commonTableViewportClass,
} from "../../../../common/ui/table";
import { Textarea } from "../../components/ui/textarea";
import {
approveDeveloperRequest,
@@ -185,8 +189,10 @@ export default function DeveloperRequestPage() {
</CardTitle>
</CardHeader>
<CardContent>
<div className={commonTableShellClass}>
<div className={commonTableViewportClass}>
<Table>
<TableHeader>
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
<TableRow>
{isSuperAdmin && (
<TableHead>
@@ -242,7 +248,7 @@ export default function DeveloperRequestPage() {
{req.reason}
</div>
{req.adminNotes && (
<div className="mt-1 text-xs text-amber-600 bg-amber-50 dark:bg-amber-900/20 p-1.5 rounded">
<div className="mt-1 rounded bg-amber-50 p-1.5 text-xs text-amber-600 dark:bg-amber-900/20">
<strong>Admin:</strong> {req.adminNotes}
</div>
)}
@@ -250,13 +256,13 @@ export default function DeveloperRequestPage() {
<TableCell>
<StatusBadge status={req.status} />
</TableCell>
<TableCell className="text-muted-foreground text-sm">
<TableCell className="text-sm text-muted-foreground">
{new Date(req.createdAt).toLocaleDateString()}
</TableCell>
{isSuperAdmin && (
<TableCell className="text-right">
{req.status === "pending" ? (
<div className="flex flex-col gap-2 min-w-[200px] items-end ml-auto">
<div className="ml-auto flex min-w-[200px] flex-col items-end gap-2">
<Input
placeholder={t(
"ui.dev.request.admin_notes_placeholder",
@@ -294,7 +300,7 @@ export default function DeveloperRequestPage() {
</div>
</div>
) : req.status === "approved" ? (
<div className="flex flex-col gap-2 min-w-[200px] items-end ml-auto">
<div className="ml-auto flex min-w-[200px] flex-col items-end gap-2">
<Input
placeholder={t(
"ui.dev.request.cancel_notes_placeholder",
@@ -321,7 +327,7 @@ export default function DeveloperRequestPage() {
</Button>
</div>
) : (
<span className="text-muted-foreground text-xs italic">
<span className="text-xs italic text-muted-foreground">
{req.status === "cancelled"
? t(
"ui.dev.request.status.cancelled",
@@ -337,6 +343,8 @@ export default function DeveloperRequestPage() {
)}
</TableBody>
</Table>
</div>
</div>
</CardContent>
</Card>