관리자 빈 화면 진단

This commit is contained in:
Yun Chan 2026-07-03 20:45:41 +09:00
parent 0324df7c4d
commit 50524f14ae
6 changed files with 556 additions and 12 deletions

View file

@ -21,6 +21,83 @@
pointer-events: none;
}
.ad-blank-probe {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
}
.ad-diagnostic {
display: grid;
gap: 14px;
padding: 18px;
border: 1px solid color-mix(in srgb, var(--warn-solid) 42%, var(--hair));
border-radius: var(--radius);
background:
linear-gradient(180deg, color-mix(in srgb, var(--warn-tint) 48%, var(--bg-surface)), var(--bg-surface));
box-shadow: var(--shadow-sm);
}
.ad-diagnostic h1 {
margin: 6px 0 0;
color: var(--text-strong);
font-size: var(--fs-h2);
line-height: 1.28;
letter-spacing: 0;
}
.ad-diagnostic p {
margin: 6px 0 0;
max-width: 760px;
color: var(--text-body);
font-size: var(--fs-sm);
line-height: 1.55;
}
.ad-diagnostic dl {
display: grid;
grid-template-columns: minmax(130px, 0.28fr) minmax(0, 1fr);
gap: 0;
margin: 0;
overflow: hidden;
border: 1px solid var(--hair);
border-radius: var(--radius);
background: var(--bg-surface);
}
.ad-diagnostic dl > div {
display: grid;
grid-template-columns: minmax(130px, 0.28fr) minmax(0, 1fr);
grid-column: 1 / -1;
min-width: 0;
}
.ad-diagnostic dt,
.ad-diagnostic dd {
min-width: 0;
margin: 0;
padding: 9px 11px;
border-bottom: 1px solid var(--hair);
color: var(--text-body);
font-size: var(--fs-xs);
line-height: 1.5;
overflow-wrap: anywhere;
}
.ad-diagnostic dl > div:last-child dt,
.ad-diagnostic dl > div:last-child dd {
border-bottom: 0;
}
.ad-diagnostic dt {
color: var(--text-muted);
font-family: var(--font-num);
font-weight: 700;
background: var(--bg-surface-2);
}
.ad-head {
display: flex;
align-items: flex-end;