38 lines
3.9 KiB
CSS
38 lines
3.9 KiB
CSS
.admin-services-storage { max-width: 1180px; }
|
|
.admin-services-heading { align-items: end; }
|
|
.admin-services-heading-actions { align-items: center; display: flex; gap: 16px; }
|
|
.admin-services-heading-actions button, .admin-diagnostics-section button { background: #111827; border: 0; color: #fff; cursor: pointer; font: inherit; padding: 10px 14px; }
|
|
.admin-health-section { border-top: 1px solid #d9dde5; margin-top: 26px; padding-top: 22px; }
|
|
.admin-health-section > header { align-items: center; display: flex; justify-content: space-between; margin-bottom: 18px; }
|
|
.admin-health-section h3 { margin: 4px 0 0; }
|
|
.admin-health-section header p { color: #7b8493; font-size: 11px; letter-spacing: .12em; margin: 0; }
|
|
.admin-safe-note { color: #667085; font-size: 13px; }
|
|
.admin-service-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
|
.admin-service-card { background: #fff; border: 1px solid #e1e5ea; min-height: 160px; padding: 18px; }
|
|
.admin-service-card.is-degraded, .admin-service-card.is-paused_quota, .admin-service-card.is-paused_provider, .admin-service-card.is-unavailable { border-color: #e5b6b6; }
|
|
.admin-service-card-heading { align-items: center; display: flex; justify-content: space-between; }
|
|
.admin-service-card-heading span, .admin-storage-state { color: #147a50; font-size: 13px; }
|
|
.admin-service-card.is-degraded .admin-service-card-heading span, .admin-service-card.is-paused_quota .admin-service-card-heading span, .admin-service-card.is-paused_provider .admin-service-card-heading span, .admin-service-card.is-unavailable .admin-service-card-heading span { color: #b42318; }
|
|
.admin-service-card dl, .admin-storage-details { display: grid; gap: 10px; margin: 18px 0 0; }
|
|
.admin-service-card dl div, .admin-storage-details div { align-items: baseline; display: flex; justify-content: space-between; }
|
|
.admin-service-card dt, .admin-storage-details dt { color: #667085; font-size: 12px; }
|
|
.admin-service-card dd, .admin-storage-details dd { margin: 0; text-align: right; }
|
|
.admin-storage-state.is-full, .admin-storage-state.is-unavailable { color: #b42318; }
|
|
.admin-storage-metrics { display: grid; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
|
|
.admin-storage-metrics div { background: #f7f8fa; padding: 14px 16px; }
|
|
.admin-storage-metrics span { color: #667085; display: block; font-size: 12px; }
|
|
.admin-storage-metrics strong { display: block; font-size: 20px; margin-top: 6px; }
|
|
.admin-storage-progress { background: #e5e7eb; height: 8px; margin-top: 18px; overflow: hidden; }
|
|
.admin-storage-progress span { background: #147a50; display: block; height: 100%; }
|
|
.admin-storage-description { color: #667085; font-size: 13px; line-height: 1.7; max-width: 780px; }
|
|
.admin-storage-description code { color: #344054; }
|
|
.admin-diagnostics-section > header button:disabled { background: #98a2b3; cursor: not-allowed; }
|
|
.admin-diagnostics-section > p { color: #667085; font-size: 13px; }
|
|
.admin-diagnostics-section pre { background: #111827; color: #d1fadf; font: 12px/1.65 ui-monospace, SFMono-Regular, Consolas, monospace; margin: 16px 0 0; max-height: 280px; overflow: auto; padding: 16px; white-space: pre-wrap; }
|
|
.admin-services-loading { display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr); }
|
|
.admin-services-loading span, .admin-diagnostics-placeholder { background: #eef1f4; display: block; height: 160px; }
|
|
.admin-services-failure { align-items: center; background: #fff4f2; color: #b42318; display: flex; gap: 16px; justify-content: space-between; padding: 14px 16px; }
|
|
.admin-services-failure button { background: transparent; border: 1px solid #b42318; color: #b42318; cursor: pointer; padding: 6px 12px; }
|
|
@media (max-width: 900px) { .admin-service-grid, .admin-storage-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
|
|
@media (max-width: 620px) { .admin-service-grid, .admin-storage-metrics { grid-template-columns: 1fr; } .admin-services-heading-actions { align-items: flex-end; flex-direction: column; gap: 8px; } }
|