chore: update .gitignore and remove unused images

- Added support for ignoring PNG files in .gitignore to streamline file management.
- Deleted unused image files from the .playwright-mcp directory to reduce clutter and improve project organization.
- Enhanced column visibility handling in TableListComponent to include width adjustments and localStorage synchronization for better user experience.

Made-with: Cursor
This commit is contained in:
kmh 2026-03-16 09:26:04 +09:00
parent 5e8572954a
commit 8c12caf936
3 changed files with 13 additions and 22 deletions

View File

@ -402,18 +402,9 @@ select {
/* 필요시 특정 컴포넌트에 대한 스타일 오버라이드를 여기에 추가 */ /* 필요시 특정 컴포넌트에 대한 스타일 오버라이드를 여기에 추가 */
/* 예: Calendar, Table 등의 미세 조정 */ /* 예: Calendar, Table 등의 미세 조정 */
/* 모바일에서 테이블 레이아웃 고정 (화면 밖으로 넘어가지 않도록) */ /* 테이블 레이아웃 고정 (셀 내용이 영역을 벗어나지 않도록) */
@media (max-width: 639px) { .table-mobile-fixed {
.table-mobile-fixed { table-layout: fixed;
table-layout: fixed;
}
}
/* 데스크톱에서 테이블 레이아웃 자동 (기본값이지만 명시적으로 설정) */
@media (min-width: 640px) {
.table-mobile-fixed {
table-layout: auto;
}
} }
/* 그리드선 숨기기 */ /* 그리드선 숨기기 */

View File

@ -2670,7 +2670,7 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
<td <td
key={colIdx} key={colIdx}
className="px-3 py-2 text-sm whitespace-nowrap text-foreground" className="px-3 py-2 text-sm whitespace-nowrap text-foreground"
style={{ textAlign: col.align || "left" }} style={{ textAlign: col.align || "left", overflow: "hidden", textOverflow: "ellipsis" }}
> >
{formatCellValue( {formatCellValue(
col.name, col.name,
@ -2732,7 +2732,7 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
<td <td
key={colIdx} key={colIdx}
className="px-3 py-2 text-sm whitespace-nowrap text-foreground" className="px-3 py-2 text-sm whitespace-nowrap text-foreground"
style={{ textAlign: col.align || "left" }} style={{ textAlign: col.align || "left", overflow: "hidden", textOverflow: "ellipsis" }}
> >
{formatCellValue( {formatCellValue(
col.name, col.name,
@ -3415,7 +3415,7 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
<td <td
key={colIdx} key={colIdx}
className="px-3 py-2 text-sm whitespace-nowrap text-foreground" className="px-3 py-2 text-sm whitespace-nowrap text-foreground"
style={{ textAlign: col.align || "left" }} style={{ textAlign: col.align || "left", overflow: "hidden", textOverflow: "ellipsis" }}
> >
{formatCellValue( {formatCellValue(
col.name, col.name,

View File

@ -3603,7 +3603,7 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
<td <td
key={colIdx} key={colIdx}
className="px-3 py-2 text-sm whitespace-nowrap text-foreground" className="px-3 py-2 text-sm whitespace-nowrap text-foreground"
style={{ textAlign: col.align || "left" }} style={{ textAlign: col.align || "left", overflow: "hidden", textOverflow: "ellipsis" }}
> >
{formatCellValue( {formatCellValue(
col.name, col.name,
@ -3700,7 +3700,7 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
<td <td
key={colIdx} key={colIdx}
className="px-3 py-2 text-sm whitespace-nowrap text-foreground" className="px-3 py-2 text-sm whitespace-nowrap text-foreground"
style={{ textAlign: col.align || "left" }} style={{ textAlign: col.align || "left", overflow: "hidden", textOverflow: "ellipsis" }}
> >
{formatCellValue( {formatCellValue(
col.name, col.name,
@ -4197,7 +4197,7 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
onClick={() => toggleRightItemExpansion(`tab_${activeTabIndex}_${tabItemId}`)} onClick={() => toggleRightItemExpansion(`tab_${activeTabIndex}_${tabItemId}`)}
> >
{tabSummaryColumns.map((col: any) => ( {tabSummaryColumns.map((col: any) => (
<td key={col.name} className="px-3 py-2 text-xs"> <td key={col.name} className="px-3 py-2 text-xs" style={{ overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
{col.type === "progress" {col.type === "progress"
? renderProgressCell(col, item, selectedLeftItem) ? renderProgressCell(col, item, selectedLeftItem)
: formatCellValue( : formatCellValue(
@ -4313,7 +4313,7 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
onClick={() => toggleRightItemExpansion(`tab_${activeTabIndex}_${tabItemId}`)} onClick={() => toggleRightItemExpansion(`tab_${activeTabIndex}_${tabItemId}`)}
> >
{listSummaryColumns.map((col: any) => ( {listSummaryColumns.map((col: any) => (
<td key={col.name} className="px-3 py-2 text-xs"> <td key={col.name} className="px-3 py-2 text-xs" style={{ overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
{col.type === "progress" {col.type === "progress"
? renderProgressCell(col, item, selectedLeftItem) ? renderProgressCell(col, item, selectedLeftItem)
: formatCellValue( : formatCellValue(
@ -4706,8 +4706,8 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
{columnsToShow.map((col, colIdx) => ( {columnsToShow.map((col, colIdx) => (
<td <td
key={colIdx} key={colIdx}
className="px-3 py-2 text-xs whitespace-nowrap" className="px-3 py-2 text-xs"
style={{ textAlign: col.align || "left" }} style={{ textAlign: col.align || "left", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}
> >
{col.type === "progress" {col.type === "progress"
? renderProgressCell(col, item, selectedLeftItem) ? renderProgressCell(col, item, selectedLeftItem)
@ -4853,7 +4853,7 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
onClick={() => toggleRightItemExpansion(itemId)} onClick={() => toggleRightItemExpansion(itemId)}
> >
{columnsToDisplay.map((col) => ( {columnsToDisplay.map((col) => (
<td key={col.name} className="px-3 py-2 text-xs"> <td key={col.name} className="px-3 py-2 text-xs" style={{ overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
{formatCellValue( {formatCellValue(
col.name, col.name,
getEntityJoinValue(item, col.name), getEntityJoinValue(item, col.name),