feat(ui): 공용 단추 작은 크기 size sm 추가 · M01 표 단추 · M02 단추 적용 · M02 상세 머리 이름 줄바꿈
- createButton 에 size: "sm"(글자 캡션 크기 · 위아래 여백 2px) — 다섯 모양 모두에 먹음 · 기본은 그대로 - M01 표 안 단추는 sm 으로 바꾸고 M01 자체 축소 규칙 삭제 - M02 좌측 새로 · 본떠 만들기 · 지우기 · 카드 수정 단추에 sm - M02 상세 화면 머리 번호 + 이름 잘림 없이 줄바꿈 · 집계표 카드 머리는 번호 · 수정 한 줄 + 이름 아래 전체 폭 Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01NWHNLQYPZN7kKf1rzrrRZq
This commit is contained in:
@@ -238,7 +238,7 @@ export function mountM01Combo(
|
||||
memo.input.value = row.메모 ?? "";
|
||||
memo.input.addEventListener("input", () => (row.메모 = memo.input.value || null));
|
||||
const name = el("button", {
|
||||
className: "ui-btn ui-btn--ghost",
|
||||
className: "ui-btn ui-btn--ghost ui-btn--sm",
|
||||
text: info?.이름 ?? row.로직,
|
||||
attrs: { type: "button", title: tc("Open") },
|
||||
});
|
||||
@@ -249,11 +249,22 @@ export function mountM01Combo(
|
||||
const btns = el("div", {
|
||||
className: "m01-logic__chips",
|
||||
children: [
|
||||
createButton({ label: tc("Up"), variant: "ghost", onClick: () => move(i, -1) }),
|
||||
createButton({ label: tc("Down"), variant: "ghost", onClick: () => move(i, 1) }),
|
||||
createButton({
|
||||
label: tc("Up"),
|
||||
variant: "ghost",
|
||||
size: "sm",
|
||||
onClick: () => move(i, -1),
|
||||
}),
|
||||
createButton({
|
||||
label: tc("Down"),
|
||||
variant: "ghost",
|
||||
size: "sm",
|
||||
onClick: () => move(i, 1),
|
||||
}),
|
||||
createButton({
|
||||
label: tc("Remove"),
|
||||
variant: "ghost",
|
||||
size: "sm",
|
||||
onClick: () => {
|
||||
combo.담은로직.splice(i, 1);
|
||||
drawTable();
|
||||
|
||||
@@ -248,12 +248,13 @@ export function renderRows(host: HTMLElement, pick: Pick, q: string): () => void
|
||||
}
|
||||
|
||||
function actionCell(label: string, onClick: () => void): HTMLTableCellElement {
|
||||
return el("td", { children: [createButton({ label, variant: "ghost", onClick })] });
|
||||
return el("td", { children: [createButton({ label, variant: "ghost", size: "sm", onClick })] });
|
||||
}
|
||||
|
||||
type Put = (row: Row) => void;
|
||||
|
||||
const rowBtn = (label: string): HTMLButtonElement => createButton({ label, variant: "ghost" });
|
||||
const rowBtn = (label: string): HTMLButtonElement =>
|
||||
createButton({ label, variant: "ghost", size: "sm" });
|
||||
|
||||
/** 품셈재료 — 가격 연결(자재품목 키 · 후보 조건 · 없음) · 고르기 모달. */
|
||||
function linkedCell(row: Row, cur: Row, put?: Put): HTMLTableCellElement {
|
||||
|
||||
@@ -162,12 +162,6 @@
|
||||
padding: 2px var(--spacing-4);
|
||||
}
|
||||
|
||||
/* 표 칸 안 공용 단추 — 줄 높이에 맞춰 작게 */
|
||||
.m01-master__grid .ui-btn {
|
||||
padding: 2px var(--spacing-8);
|
||||
font-size: var(--text-caption);
|
||||
}
|
||||
|
||||
.m01-master__pager {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user