|
|
@@ -115,7 +115,7 @@
|
|
|
.icon-btn.is-health-ok:not(:disabled):hover { background: #2d7a4f; border-color: #2d7a4f; color: #fff; }
|
|
|
.icon-btn.is-health-warn:not(:disabled):hover { background: #b07d1a; border-color: #b07d1a; color: #fff; }
|
|
|
.icon-btn.is-health-error:not(:disabled):hover { background: #c04a2a; border-color: #c04a2a; color: #fff; }
|
|
|
- .anim-spin { animation: spin 0.7s linear infinite; }
|
|
|
+ .icon-btn.is-health-checking svg { animation: spin 0.7s linear infinite; }
|
|
|
|
|
|
/* ── Page layout ─────────────────────────────────────────── */
|
|
|
.page-layout {
|
|
|
@@ -669,7 +669,7 @@
|
|
|
<span class="iconify" data-icon="mdi:refresh"></span>
|
|
|
</button>
|
|
|
<button class="icon-btn" :class="`is-health-${healthStatus}`" @click="runHealthCheck" :disabled="healthStatus === 'checking'" :title="healthTitle">
|
|
|
- <span class="iconify" data-icon="mdi:heart-cog" :class="{ 'anim-spin': healthStatus === 'checking' }"></span>
|
|
|
+ <span class="iconify" data-icon="mdi:heart-cog"></span>
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
