fxdyz
This commit is contained in:
@@ -86,6 +86,23 @@ input:focus, select:focus { border-color: var(--focus); box-shadow: 0 0 0 3px co
|
||||
.section-intro { padding: 22px; border-bottom: 1px solid var(--border); }
|
||||
.section-intro--actions { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
|
||||
.section-intro h2 { margin: 0; font-size: 18px; }
|
||||
.cache-clear-actions { display: flex; flex: 0 0 auto; justify-content: flex-end; gap: 10px; }
|
||||
.cache-summary { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--border); background: var(--surface-subtle); }
|
||||
.cache-stat { display: flex; min-height: 100px; flex-direction: column; justify-content: center; padding: 18px 22px; }
|
||||
.cache-stat + .cache-stat { border-left: 1px solid var(--border); }
|
||||
.cache-stat span, .cache-stat small { color: var(--muted); font-size: 12px; font-weight: 650; }
|
||||
.cache-stat strong { margin: 3px 0; font-size: 21px; font-variant-numeric: tabular-nums; }
|
||||
.cache-defaults { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr) auto; align-items: end; gap: 16px; padding: 22px; border-bottom: 1px solid var(--border); }
|
||||
.cache-group { border-bottom: 1px solid var(--border); }
|
||||
.cache-group:last-child { border-bottom: 0; }
|
||||
.cache-group summary { padding: 18px 22px; cursor: pointer; font-size: 16px; font-weight: 750; }
|
||||
.cache-group summary:hover { background: var(--surface-subtle); }
|
||||
.cache-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 22px 16px; color: var(--muted); font-size: 13px; }
|
||||
.cache-toolbar input { max-width: 360px; }
|
||||
.cache-name-cell { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; text-align: left; }
|
||||
.inline-editor--ttl { min-width: 130px; max-width: 180px; }
|
||||
.cache-badge { display: inline-flex; padding: 3px 9px; border-radius: 999px; background: color-mix(in srgb, var(--muted) 10%, transparent); color: var(--muted); font-size: 12px; font-weight: 700; }
|
||||
.cache-badge--custom { background: var(--accent-soft); color: var(--accent); }
|
||||
.table-wrap { overflow-x: auto; }
|
||||
table { width: 100%; table-layout: auto; border-collapse: collapse; }
|
||||
th, td { padding: 15px 20px; text-align: center; vertical-align: middle; border-bottom: 1px solid var(--border); }
|
||||
@@ -94,6 +111,8 @@ tbody tr:last-child td { border-bottom: 0; }
|
||||
tbody tr:hover { background: color-mix(in srgb, var(--accent-soft) 42%, transparent); }
|
||||
tbody tr.is-editing { background: color-mix(in srgb, var(--accent-soft) 62%, transparent); }
|
||||
.alias-cell { min-width: 320px; }
|
||||
.legacy-note-cell { min-width: 260px; max-width: 420px; text-align: left; white-space: pre-wrap; overflow-wrap: anywhere; }
|
||||
.legacy-session-cell { min-width: 300px; }
|
||||
.inline-editor { min-width: 260px; }
|
||||
.inline-editor--compact { min-width: 130px; }
|
||||
.actions { white-space: nowrap; }
|
||||
@@ -120,6 +139,13 @@ tbody tr.is-editing { background: color-mix(in srgb, var(--accent-soft) 62%, tra
|
||||
.shell { width: min(100% - 24px, 1260px); padding-top: 20px; }
|
||||
.page-header { align-items: stretch; flex-direction: column; }
|
||||
.section-intro--actions { align-items: stretch; flex-direction: column; }
|
||||
.cache-clear-actions { display: flex; justify-content: flex-end; }
|
||||
.cache-summary { grid-template-columns: repeat(2, 1fr); }
|
||||
.cache-stat:nth-child(3) { border-top: 1px solid var(--border); border-left: 0; }
|
||||
.cache-stat:nth-child(4) { border-top: 1px solid var(--border); }
|
||||
.cache-defaults { grid-template-columns: 1fr; }
|
||||
.cache-toolbar { align-items: stretch; flex-direction: column; }
|
||||
.cache-toolbar input { max-width: none; }
|
||||
.token-summary { grid-template-columns: repeat(2, 1fr); }
|
||||
.token-stat { min-height: 88px; padding: 15px 18px; }
|
||||
.token-stat:nth-child(3) { border-top: 1px solid var(--border); border-left: 0; }
|
||||
@@ -139,8 +165,9 @@ tbody tr.is-editing { background: color-mix(in srgb, var(--accent-soft) 62%, tra
|
||||
tbody tr:last-child { border-bottom: 0; }
|
||||
td { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 12px; padding: 8px 16px; border: 0; overflow-wrap: anywhere; }
|
||||
td::before { color: var(--muted); content: attr(data-label); font-size: 12px; font-weight: 700; }
|
||||
td.actions { grid-template-columns: max-content auto auto; align-items: center; width: 100%; white-space: normal; }
|
||||
.alias-cell, .inline-editor { min-width: 0; }
|
||||
td.actions { grid-template-columns: max-content repeat(3, auto); align-items: center; width: 100%; white-space: normal; }
|
||||
.alias-cell, .legacy-note-cell, .legacy-session-cell, .inline-editor { min-width: 0; max-width: none; }
|
||||
.cache-name-cell { text-align: right; }
|
||||
td.empty { display: block; padding: 36px 16px; }
|
||||
td.empty::before { content: none; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user