This commit is contained in:
Macbook
2026-06-14 11:35:54 +09:00
parent 117a588df8
commit 78cda775ad
8 changed files with 519 additions and 63 deletions
+88
View File
@@ -13288,6 +13288,94 @@ html.theme-light .tam-disclaimer { color: #90a4ae; }
.app-download-build-done-note {
margin: 8px 0 0; font-size: 12px; color: #4ade80; line-height: 1.45;
}
.desktop-update-modal-body { padding: 4px 2px 0; }
.desktop-update-version {
margin: 0 0 12px; font-size: 13px; color: var(--text2);
}
.desktop-update-progress {
margin: 0 0 14px; padding: 12px 14px; border-radius: 12px;
border: 1px solid var(--border); background: var(--bg2);
}
.desktop-update-progress--active {
border-color: color-mix(in srgb, #2196f3 45%, var(--border));
background: color-mix(in srgb, #2196f3 8%, var(--bg2));
}
.desktop-update-progress--success {
border-color: color-mix(in srgb, #22c55e 45%, var(--border));
background: color-mix(in srgb, #22c55e 8%, var(--bg2));
}
.desktop-update-progress--failed {
border-color: color-mix(in srgb, #ef4444 45%, var(--border));
background: color-mix(in srgb, #ef4444 8%, var(--bg2));
}
.desktop-update-progress-head {
display: flex; align-items: center; justify-content: space-between;
gap: 10px; margin-bottom: 10px;
}
.desktop-update-progress-title {
display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600;
}
.desktop-update-spinner {
width: 14px; height: 14px; border-radius: 50%;
border: 2px solid color-mix(in srgb, #2196f3 25%, transparent);
border-top-color: #2196f3;
animation: tmb-update-spin 0.8s linear infinite;
}
.desktop-update-pct {
font-size: 11px; color: var(--text3); font-variant-numeric: tabular-nums;
}
.desktop-update-bar {
height: 4px; border-radius: 999px; overflow: hidden;
background: color-mix(in srgb, var(--text3) 15%, transparent);
margin-bottom: 12px;
}
.desktop-update-bar-fill {
height: 100%; border-radius: inherit;
background: linear-gradient(90deg, #2196f3, #5eb5ff);
}
.desktop-update-bar-fill--determinate { transition: width 0.2s ease; }
.desktop-update-bar-fill--indeterminate {
width: 40%;
animation: app-download-build-indeterminate 1.4s ease-in-out infinite;
}
.desktop-update-steps {
list-style: none; margin: 0; padding: 0;
display: flex; flex-direction: column; gap: 8px;
}
.desktop-update-step {
display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
font-size: 12px; color: var(--text3); line-height: 1.4;
}
.desktop-update-step.active { color: #5eb5ff; font-weight: 600; }
.desktop-update-step.done { color: var(--text2); }
.desktop-update-step-dot {
width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
border: 2px solid color-mix(in srgb, var(--text3) 50%, transparent);
background: transparent;
}
.desktop-update-step.active .desktop-update-step-dot {
border-color: #2196f3; background: #2196f3;
box-shadow: 0 0 0 3px color-mix(in srgb, #2196f3 25%, transparent);
}
.desktop-update-step.done .desktop-update-step-dot {
border-color: #22c55e; background: #22c55e;
}
.desktop-update-bytes {
margin-left: auto; font-size: 11px; color: var(--text3); font-variant-numeric: tabular-nums;
}
.desktop-update-message {
margin: 10px 0 0; font-size: 12px; color: var(--text2); line-height: 1.45;
}
.desktop-update-message--error { color: #fca5a5; }
.desktop-update-hint {
margin: 8px 0 0; font-size: 11px; color: var(--text3); line-height: 1.45;
}
.desktop-update-done-note {
margin: 8px 0 0; font-size: 12px; color: #4ade80; line-height: 1.45;
}
.desktop-update-actions {
display: flex; justify-content: flex-end; gap: 8px;
}
.app-download-build-note, .app-download-build-wait {
margin: 0 0 12px; font-size: 12px; line-height: 1.5;
}