Merge branch 'mhkim-node' of http://39.117.244.52:3000/kjs/ERP-node into jskim-node

frontend/components/admin/CompanyTable.tsx

@@ -54,7 +54,7 @@ export function CompanyTable({ companies, isLoading, onEdit, onDelete }: Company
     {
       key: "company_code",
       label: "회사코드",
-      width: "150px",
+      width: "12%",
       render: (value) => <span className="font-mono">{value}</span>,
     },
     {
@@ -65,11 +65,12 @@ export function CompanyTable({ companies, isLoading, onEdit, onDelete }: Company
     {
       key: "writer",
       label: "등록자",
-      width: "200px",
+      width: "15%",
     },
     {
       key: "diskUsage",
       label: "디스크 사용량",
+      width: "15%",
       hideOnMobile: true,
       render: (_value, row) => formatDiskUsage(row),
     },
@@ -99,7 +100,9 @@ export function CompanyTable({ companies, isLoading, onEdit, onDelete }: Company
       cardSubtitle={(c) => <span className="font-mono">{c.company_code}</span>}
       cardFields={cardFields}
       actionsLabel="작업"
-      actionsWidth="180px"
+      actionsWidth="12%"
+      tableContainerClassName="!block"
+      cardContainerClassName="!hidden"
       renderActions={(company) => (
         <>
           <Button

frontend/components/admin/CompanyToolbar.tsx

@@ -24,7 +24,7 @@ export function CompanyToolbar({ totalCount, onCreateClick }: CompanyToolbarProp
       </div>
 
       {/* 오른쪽: 등록 버튼 */}
-      <Button onClick={onCreateClick} className="h-10 gap-2 text-sm font-medium">
+      <Button onClick={onCreateClick} className="h-10 w-full gap-2 text-sm font-medium lg:w-auto">
         <Plus className="h-4 w-4" />
         회사 등록
       </Button>

frontend/components/admin/DiskUsageSummary.tsx

@@ -15,7 +15,7 @@ interface DiskUsageSummaryProps {
 export function DiskUsageSummary({ diskUsageInfo, isLoading, onRefresh }: DiskUsageSummaryProps) {
   if (!diskUsageInfo) {
     return (
-      <div className="rounded-lg border bg-card p-6 shadow-sm">
+      <div className="rounded-lg border bg-card p-4 sm:p-6 shadow-sm">
         <div className="mb-4 flex items-center justify-between">
           <div>
             <h3 className="text-sm font-semibold">디스크 사용량</h3>
@@ -46,7 +46,7 @@ export function DiskUsageSummary({ diskUsageInfo, isLoading, onRefresh }: DiskUs
   const lastCheckedDate = new Date(lastChecked);
 
   return (
-    <div className="rounded-lg border bg-card p-6 shadow-sm">
+    <div className="rounded-lg border bg-card p-4 sm:p-6 shadow-sm">
       <div className="mb-4 flex items-center justify-between">
         <div>
           <h3 className="text-sm font-semibold">디스크 사용량 현황</h3>
@@ -64,7 +64,7 @@ export function DiskUsageSummary({ diskUsageInfo, isLoading, onRefresh }: DiskUs
         </Button>
       </div>
 
-      <div className="grid grid-cols-2 gap-4 md:grid-cols-4">
+      <div className="grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4">
         {/* 총 회사 수 */}
         <div className="flex items-center space-x-2">
           <Building2 className="h-4 w-4 text-primary" />