fix: 봇 테이블 컬럼 너비 고정

- table-fixed 적용으로 컬럼 너비 통일
- 각 컬럼에 퍼센트 너비 지정

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
caadiq 2026-02-06 18:09:02 +09:00
parent e729d33aee
commit 47afd68921

View file

@ -270,20 +270,20 @@ export const BotTableRow = memo(function BotTableRow({
}); });
/** /**
* 테이블 래퍼 (X용) * 테이블 래퍼
*/ */
export const BotTable = ({ children }) => ( export const BotTable = ({ children }) => (
<div className="overflow-x-auto"> <div className="overflow-x-auto">
<table className="w-full"> <table className="w-full table-fixed">
<thead> <thead>
<tr className="border-b border-gray-200 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"> <tr className="border-b border-gray-200 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
<th className="px-4 py-3">이름</th> <th className="px-4 py-3 w-[30%]">이름</th>
<th className="px-4 py-3">상태</th> <th className="px-4 py-3 w-[10%]">상태</th>
<th className="px-4 py-3"> 추가</th> <th className="px-4 py-3 w-[10%]"> 추가</th>
<th className="px-4 py-3">최근</th> <th className="px-4 py-3 w-[8%]">최근</th>
<th className="px-4 py-3">간격</th> <th className="px-4 py-3 w-[8%]">간격</th>
<th className="px-4 py-3">마지막 업데이트</th> <th className="px-4 py-3 w-[20%]">마지막 업데이트</th>
<th className="px-4 py-3">액션</th> <th className="px-4 py-3 w-[14%]">액션</th>
</tr> </tr>
</thead> </thead>
<tbody>{children}</tbody> <tbody>{children}</tbody>