감사로그 검색창 통일화

adminfront/src/features/audit/AuditLogsPage.tsx

@@ -32,6 +32,7 @@ import {
   TableHeader,
   TableRow,
 } from "../../components/ui/table";
+import { SearchFilterBar } from "../../../../common/ui/search-filter-bar";
 import { PageHeader } from "../../../../common/core/components/page";
 import type { AuditLog } from "../../lib/adminApi";
 import { fetchAuditLogs } from "../../lib/adminApi";
@@ -205,9 +206,12 @@ function AuditLogsPage() {
           </div>
         </CardHeader>
         <CardContent className="flex-1 flex flex-col min-h-0 pt-0">
-          <div className="mb-4 flex flex-wrap items-center gap-2 flex-shrink-0">
+          <SearchFilterBar
-            <div className="flex flex-1 items-center gap-2 rounded-full border border-[var(--color-border)] bg-[rgba(255,255,255,0.02)] px-4 py-2 text-[var(--color-muted)]">
+            className="mb-4"
-              <Search size={14} />
+            primary={
+              <div className="flex flex-1 items-center gap-2">
+                <div className="relative flex-1">
+                  <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
                   <input
                     value={filterDraft}
                     onChange={(event) => setFilterDraft(event.target.value)}
@@ -220,12 +224,16 @@ function AuditLogsPage() {
                       "ui.admin.audit.filters.placeholder",
                       "필터 추가 (예: status:failure)",
                     )}
-                className="w-full bg-transparent text-sm text-foreground outline-none"
+                    className="h-10 w-full rounded-md border border-input bg-background pl-10 pr-3 text-sm outline-none"
                   />
+                </div>
                 <Button size="sm" variant="outline" onClick={handleAddFilter}>
                   {t("ui.common.add", "추가")}
                 </Button>
               </div>
+            }
+            actions={
+              <>
                 {filters.length === 0 ? (
                   <span className="text-xs text-[var(--color-muted)]">
                     {t("msg.admin.audit.filters.empty", "필터 없음")}
@@ -257,7 +265,9 @@ function AuditLogsPage() {
                     </span>
                   ))
                 )}
-          </div>
+              </>
+            }
+          />
           <div className={commonTableShellClass}>
             <div className={commonTableViewportClass}>
               <Table className="table-fixed">