Center hostname on its own line in zero-scale service cards
This commit is contained in:
@@ -215,9 +215,9 @@
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.zero-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px; }
|
||||
.zero-host { font-size: 15px; font-weight: 600; color: #fff; }
|
||||
.zero-desc { font-size: 12px; color: var(--text-muted); margin-bottom: 16px; min-height: 36px; }
|
||||
.zero-host { font-size: 15px; font-weight: 600; color: #fff; text-align: center; margin-bottom: 8px; word-break: break-all; }
|
||||
.zero-status-row { display: flex; justify-content: center; margin-bottom: 10px; }
|
||||
.zero-desc { font-size: 12px; color: var(--text-muted); text-align: center; margin-bottom: 16px; min-height: 36px; }
|
||||
.zero-actions { display: flex; gap: 8px; }
|
||||
|
||||
/* Site Cards */
|
||||
@@ -679,8 +679,8 @@ function renderDashboard(data) {
|
||||
|
||||
card.innerHTML = `
|
||||
<div>
|
||||
<div class="zero-top">
|
||||
<div class="zero-host">${app.host}</div>
|
||||
<div class="zero-host">${app.host}</div>
|
||||
<div class="zero-status-row">
|
||||
<span class="status-badge ${stateCls}">${stateLabel}</span>
|
||||
</div>
|
||||
<div class="zero-desc">${app.description || 'Zero-scale dynamic service'}</div>
|
||||
|
||||
Reference in New Issue
Block a user