관리자 빈 화면 진단
This commit is contained in:
parent
0324df7c4d
commit
50524f14ae
6 changed files with 556 additions and 12 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue