44r0n7/pi-kit
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases 10 Wiki Activity

Updater: channel-aware apply, UI polish, cache-bust

Browse Source
This commit is contained in:
Aaron
2025-12-12 21:06:40 -05:00
parent e933fb325d
commit 4461613339
6 changed files with 661 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
pikit-web/assets/style.css
View File

@@ -326,6 +326,16 @@ body {
border-color: rgba(225, 29, 72, 0.4);
background: rgba(225, 29, 72, 0.08);
}
.status-chip.chip-system {
color: #3b82f6;
border-color: rgba(59, 130, 246, 0.45);
background: rgba(59, 130, 246, 0.12);
}
.status-chip.chip-system {
color: #3b82f6;
border-color: rgba(59, 130, 246, 0.45);
background: rgba(59, 130, 246, 0.12);
}
.status-chip.chip-warm {
color: #d97706;
border-color: rgba(217, 119, 6, 0.35);
@@ -346,6 +356,11 @@ body {
border-color: rgba(34, 197, 94, 0.5);
color: #0f5132;
}
:root[data-theme="light"] .status-chip.chip-system {
background: rgba(59, 130, 246, 0.16);
border-color: rgba(59, 130, 246, 0.55);
color: #153e9f;
}
:root[data-theme="light"] .status-chip.chip-warm {
background: rgba(217, 119, 6, 0.16);
border-color: rgba(217, 119, 6, 0.5);
@@ -356,6 +371,55 @@ body {
border-color: rgba(225, 29, 72, 0.55);
color: #7a1028;
}
:root[data-theme="light"] .status-chip.chip-system {
background: rgba(59, 130, 246, 0.16);
border-color: rgba(59, 130, 246, 0.55);
color: #153e9f;
}
.log-card {
background: var(--panel);
border: 1px solid var(--border);
border-radius: 10px;
padding: 10px;
margin-top: 12px;
}
.log-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 6px;
}
.log-actions {
display: flex;
align-items: center;
gap: 8px;
}
.log-actions .icon-btn {
width: 32px;
height: 32px;
padding: 0;
font-size: 0.9rem;
background: var(--card-overlay);
border: 1px solid var(--border);
}
.log-box {
max-height: 140px;
overflow-y: auto;
background: rgba(0, 0, 0, 0.08);
border-radius: 6px;
padding: 10px;
font-family: "DM Sans", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 0.9rem;
border: 1px dashed var(--border);
color: var(--muted);
white-space: pre-wrap;
}
.modal-card.wide pre.log-box {
max-height: 60vh;
}
:root[data-theme="light"] .log-box {
background: rgba(12, 18, 32, 0.04);
}
.toast-container {
position: fixed;
bottom: 16px;
@@ -1324,6 +1388,15 @@ select:focus-visible,
transition: opacity 0.18s ease;
z-index: 20;
}
.modal#changelogModal {
z-index: 40;
}
.modal#changelogModal {
z-index: 40;
}
.modal#changelogModal {
z-index: 30;
}
.modal.hidden {
display: none;
}
@@ -1345,7 +1418,7 @@ select:focus-visible,
max-height: 90vh;
overflow-y: auto;
position: relative;
padding: 0;
padding: 12px;
}
.modal-card {
transform: translateY(6px) scale(0.99);
@@ -1363,8 +1436,12 @@ select:focus-visible,
border-bottom: 1px solid var(--border);
}
.modal-card.wide .help-body {
padding: 0 18px 18px;
.modal-card.wide .help-body,
.modal-card.wide .controls {
padding: 0 12px 12px;
}
.modal-card.wide .control-card {
padding: 12px 14px;
}
/* Extra breathing room for custom add-service modal */
@@ -1379,6 +1456,31 @@ select:focus-visible,
#releaseModal .modal-card.wide {
max-width: 760px;
}
.release-versions {
display: flex;
gap: 16px;
align-items: flex-start;
justify-content: space-between;
}
.release-versions > div {
flex: 1;
min-width: 0;
}
.release-versions .align-right {
text-align: right;
}
@media (max-width: 640px) {
.release-versions {
flex-direction: column;
gap: 8px;
}
.release-versions .align-right {
text-align: left;
}
}
.modal-card .status-msg {
overflow-wrap: anywhere;
}
.modal:not(.hidden) .modal-card {
transform: translateY(0) scale(1);
}