feat: 모든 자산 목록 뷰에 마우스 드래그를 이용한 테이블 컬럼 너비 조절(Resizable Columns) 기능 추가

This commit is contained in:
이태훈
2026-06-25 17:16:44 +09:00
parent ed3d8812c2
commit 8747b3946f
2 changed files with 57 additions and 1 deletions

View File

@@ -68,6 +68,25 @@ th {
letter-spacing: -0.02em;
box-shadow: inset 0 -1px 0 var(--hairline);
text-align: center; /* Set default header alignment to center */
position: relative; /* Essential for absolute positioning of resizer handles */
}
.resizer {
position: absolute;
right: 0;
top: 0;
width: 6px;
height: 100%;
cursor: col-resize;
user-select: none;
z-index: 60; /* Higher than thead's sticky z-index (50) to catch mouse events */
}
.resizer:hover,
.resizer.resizing {
background-color: var(--primary, #1e5149);
opacity: 0.8;
width: 3px;
}
td {