yunchan/vignette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: 운영 안정성과 세션 음성 경험 개선

Browse source
This commit is contained in:
Yun Chan 2026-07-31 00:13:08 +09:00
parent facc4ad2d9
commit c788343467
95 changed files with 8431 additions and 1785 deletions
Download patch file Download diff file Expand all files Collapse all files

42
apps/web/src/pages/persona-studio.css
View file

@ -21,6 +21,26 @@
flex-wrap:wrap;
justify-content:flex-end;
}
/* 표시 이름을 두 줄로 나눌 때의 아랫줄(예: "서연(가명) · 고2" 아래 "우울/자살사고").
제목에 바로 붙여 한 덩어리로 읽히게 하고, 아래 설명문과는 간격으로 구분한다. */
.ps-name-tail{
margin:5px 0 0;
color:var(--text-body);
font-size:var(--fs-sm);
line-height:1.4;
overflow-wrap:anywhere;
}
.ps-review-card > .ps-name-tail{
margin-top:-6px;
font-size:var(--fs-xs);
}
.ps-detail-primary > .ps-name-tail,
.ps-drill-head .ps-name-tail{
margin-top:6px;
color:var(--text-body);
font-size:var(--fs-sm);
line-height:1.4;
}
.ps-error{
display:flex;
align-items:center;
@ -751,13 +771,27 @@
.ps-review-summary__grid b{color:var(--text-strong);font-family:var(--font-num);font-size:28px;}
.ps-active-table{padding:0;overflow:hidden;}
.ps-active-table > .ps-section-head{padding:18px 20px;}
.ps-usage-table{border-top:1px solid var(--border-subtle);}
/* [S1] 사용 현황 표 — 761~859px 사각지대 잘림 수리.
이 파일의 브레이크포인트는 760/860/1180 뿐이라 761~859 구간에는 규칙이 없었다.
그 구간의 본문 컨테이너는 613~711px 인데 트랙 최소치 합이
260 + 90*4 + gap 12*4 + padding 16*2 = 700px 라서 컨테이너보다 컸다.
조상 .ps-active-table 이 overflow:hidden 이라 넘친 마지막 열("진척도")이
스크롤도 안 되고 그대로 잘렸다(761px 71px / 768px 64px / 820px 12px).
→ 트랙 최소치를 축소 가능하게 낮추고(minmax(0,...) + 숫자열 58px),
그래도 모자라면 문서 전체가 아니라 표 영역만 가로 스크롤한다. */
.ps-usage-table{
border-top:1px solid var(--border-subtle);
overflow-x:auto;
scrollbar-width:thin;
}
.ps-usage-table__head,
.ps-usage-row{
display:grid;
grid-template-columns:minmax(260px,1.4fr) repeat(4,minmax(90px,.45fr));
grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(58px,.45fr));
gap:12px;
align-items:center;
/* 최소 폭 미만에서는 잘리지 않고 .ps-usage-table 이 가로 스크롤된다. */
min-width:520px;
}
.ps-usage-table__head{
padding:9px 16px;
@ -915,7 +949,9 @@
.ps-review-summary__grid{grid-template-columns:1fr;}
.ps-review-summary__grid > div{padding:12px 0;border-right:0;border-bottom:1px solid var(--hair);}
.ps-usage-table__head{display:none;}
.ps-usage-row{grid-template-columns:minmax(0,1fr) repeat(2,58px);gap:8px;}
/* [S1] 좁은 폭은 열을 접는 기존 설계를 유지한다 — 여기서는 넓은 폭용
min-width:520px 를 반드시 풀어야 가로 스크롤이 생기지 않는다. */
.ps-usage-row{min-width:0;grid-template-columns:minmax(0,1fr) repeat(2,58px);gap:8px;}
.ps-usage-row strong:nth-last-child(-n+2){display:none;}
.ps-catalog-hero{grid-template-columns:1fr;padding:22px 18px;}
.ps-catalog-hero__count{padding:16px 0 0;border-top:1px solid var(--border-subtle);border-left:0;}