diff --git a/src/style.css b/src/style.css index 00b27ad..083712b 100644 --- a/src/style.css +++ b/src/style.css @@ -678,25 +678,12 @@ body { background: #eef1f4; font-family: 'Noto Sans KR', system-ui, sans-serif; .pile-row.warn { color: #8a4b00; } .warn-text { color: #8a4b00; font-size: 12px; } -/* 철근표 (③): text columns read left to right; the note column wraps instead of stretching. */ -.rebar-table td:nth-child(1), -.rebar-table td:nth-child(2), -.rebar-table th:nth-child(1), -.rebar-table th:nth-child(2), -.rebar-table td:nth-child(5), -.rebar-table th:nth-child(5) { text-align: left; } -.rebar-table td:nth-child(5) { white-space: normal; min-width: 260px; } -/* ③ 공통 설정 */ -.common { margin: 10px 0; display: grid; gap: 6px; } -.mat { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 13px; } -.mat input { width: 96px; padding: 4px 6px; border: 1px solid #b9c4d0; border-radius: 4px; } -/* ③ 철근표: 근거 badge, row highlight, warning count on tabs */ -.basis { font-size: 12px; border-radius: 4px; padding: 1px 6px; white-space: nowrap; } -.basis-input { background: #e2f2e7; color: #1d6b3a; } -.basis-default { background: #eef1f4; color: #55606e; } -.basis-calc { background: #e3edf8; color: #123e70; } -.basis-assumed { background: #fff2dc; color: #8a4b00; font-style: italic; } -.rebar-table tr.hl td { background: #fff6d6; } -.rebar-table .bar-no { cursor: pointer; font-weight: 700; } -.members .badge.warn { margin-left: 6px; background: #ffebd6; color: #8a4b00; } - +/* 철근표 (③): text columns read left to right, numbers right; the table scrolls sideways inside its panel. */ +#rebar-table { overflow-x: auto; } +.rebar-table td, +.rebar-table th { text-align: left; } +.rebar-table td:nth-child(9), +.rebar-table td:nth-child(10), +.rebar-table th:nth-child(9), +.rebar-table th:nth-child(10) { text-align: right; } +.rebar-table td:nth-child(12) { white-space: normal; min-width: 240px; }