Compare commits

...

2 Commits

Author SHA1 Message Date
zio
9765c1ad40 docs: mark responsive sweep done in owner feedback log
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-13 05:31:32 +09:00
zio
39660772ab fix(web): full-bleed responsive sweep across all screens (task #39)
Normalize 13 custom page roots to the .kx-page canon (flex:1, min-width:0,
overflow-y:auto) fixing right-side dead space and bottom clipping inside the
shell content flexbox; add missing narrow-width breakpoints to settlement KPIs
and hall-assignment forms. No visual redesign - WISE shell and kx tokens intact.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-13 05:31:31 +09:00
15 changed files with 60 additions and 5 deletions

View File

@ -20,7 +20,7 @@
| 1.8 | **UI는 WISE(UIWS) 문자 그대로** — 셸·메뉴·캘린더 자체 재해석 금지 | ✅원칙 | 메모리 [[ui-follow-wise-strictly]] |
| 1.9 | **폰트를 페이지마다 안 맞춤** — 전 화면 타이포 일관화 | ✅완료 | 276293e font 179+weight 415 토큰화(`--fs-micro`·공용 제목클래스), 배포됨 |
| 1.10 | **모든 경계선 엷은 회색** | ⏳부분 | 구조 보더는 neutral-200(#e4e7ec) 사용 중. 의미색·hover는 유지, 지정화면 정렬 |
| 1.11 | **좌우 2단 폭 50:50**, 전 화면 **공백 없는 반응형**(풀블리드) | ⏳작업중 | task #39 스윕 진행 중(2026-07-13) |
| 1.11 | **좌우 2단 폭 50:50**, 전 화면 **공백 없는 반응형**(풀블리드) | 🚚구현완료 | task #39 스윕 완료(2026-07-13) — 루트 fill/scroll 결함 13화면 + 브레이크포인트 부재 2화면 수정. 감사기록 `src/frontend/_workspace/responsive_sweep_audit.md` |
| 1.12 | **top 설정 아이콘** 추가 + **설정 레이아웃 커스터마이저**(offcanvas 테마/레이아웃/색상) | ✅완료 | a5a78f1 settings customizer(customizerStore), 배포됨 |
## 2. 캘린더

View File

@ -6,7 +6,6 @@
@import '../shared.css';
.kx-appqr {
max-width: 1120px;
display: flex;
flex-direction: column;
gap: var(--space-6);

View File

@ -1,4 +1,6 @@
.kx-aq {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
height: 100%;

View File

@ -2,6 +2,8 @@
@import '../shared.css';
.kx-rev {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
height: 100%;

View File

@ -3,9 +3,13 @@
* 디자인 토큰(·간격·radius) 전역 변수를 재사용한다(과도한 신규 스타일 지양).
*/
.kx-bsales {
flex: 1;
min-width: 0;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 16px;
padding: var(--space-5);
}
.kx-bsales__head {

View File

@ -1,9 +1,11 @@
.kx-comp {
flex: 1;
min-width: 0;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: var(--space-4);
padding: var(--space-5);
max-width: var(--container-max);
}
.kx-comp__head h1 {
font-size: var(--fs-h1);

View File

@ -1,4 +1,7 @@
.kx-dash {
flex: 1;
min-width: 0;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: var(--space-5);

View File

@ -1,4 +1,6 @@
.kx-studio {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
height: 100%;

View File

@ -1,9 +1,11 @@
.kx-exh {
flex: 1;
min-width: 0;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: var(--space-5);
padding: var(--space-5);
max-width: var(--container-max);
}
/* 헤더 카드 */

View File

@ -1,9 +1,11 @@
.kx-cmp {
flex: 1;
min-width: 0;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: var(--space-5);
padding: var(--space-5);
max-width: var(--container-max);
}
.kx-cmp__head {
display: flex;

View File

@ -1,4 +1,7 @@
.kx-gallery {
flex: 1;
min-width: 0;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: var(--space-4);

View File

@ -373,3 +373,14 @@
z-index: 50;
cursor: pointer;
}
/* ── 반응형 (공백없는 반응형 스윕 #39) — 배정 행/모달 폼 좁은 폭 단일 컬럼 ── */
@media (max-width: 640px) {
.kx-hall__row {
grid-template-columns: 1fr;
gap: var(--space-2);
}
.kx-hall__form2 {
grid-template-columns: 1fr;
}
}

View File

@ -4,7 +4,11 @@
*/
.kx-settle {
flex: 1;
min-width: 0;
overflow-y: auto;
display: grid;
align-content: start;
gap: 16px;
padding: var(--gutter);
}
@ -458,3 +462,18 @@
font-size: 13px;
font-weight: var(--fw-semibold);
}
/* ── 반응형 (공백없는 반응형 스윕 #39) — KPI/분포 좁은 폭 붕괴 방지 ── */
@media (max-width: 900px) {
.kx-settle__kpis {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 560px) {
.kx-settle__kpis {
grid-template-columns: 1fr;
}
.kx-settle__dist-body {
grid-template-columns: 1fr;
}
}

View File

@ -1,4 +1,6 @@
.kx-uord {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
height: 100%;

View File

@ -1,4 +1,6 @@
.kx-util {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
height: 100%;