aidev/goldenChart
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

desktop download

Browse Source
This commit is contained in:
Macbook
2026-06-14 11:22:44 +09:00
parent e204aa5dc6
commit 3f29e37139
2 changed files with 226 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.css
+77
View File
@@ -13211,6 +13211,83 @@ html.theme-light .tam-disclaimer { color: #90a4ae; }
margin: -8px 0 12px; font-size: 12px; color: var(--text2); line-height: 1.45;
}
.app-download-build-status--active { color: #5eb5ff; }
.app-download-build-progress {
margin: 0 0 14px; padding: 12px 14px; border-radius: 12px;
border: 1px solid var(--border); background: var(--bg2);
}
.app-download-build-progress--active {
border-color: color-mix(in srgb, #2196f3 45%, var(--border));
background: color-mix(in srgb, #2196f3 8%, var(--bg2));
}
.app-download-build-progress--success {
border-color: color-mix(in srgb, #22c55e 45%, var(--border));
background: color-mix(in srgb, #22c55e 8%, var(--bg2));
}
.app-download-build-progress--failed {
border-color: color-mix(in srgb, #ef4444 45%, var(--border));
background: color-mix(in srgb, #ef4444 8%, var(--bg2));
}
.app-download-build-progress-head {
display: flex; align-items: center; justify-content: space-between;
gap: 10px; flex-wrap: wrap; margin-bottom: 10px;
}
.app-download-build-progress-title {
display: inline-flex; align-items: center; gap: 8px; font-size: 13px;
}
.app-download-build-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;
}
.app-download-build-badge {
font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 999px;
background: color-mix(in srgb, #2196f3 18%, var(--bg));
color: #5eb5ff;
}
.app-download-build-elapsed { font-size: 11px; color: var(--text3); font-variant-numeric: tabular-nums; }
.app-download-build-bar {
height: 4px; border-radius: 999px; overflow: hidden;
background: color-mix(in srgb, var(--text3) 15%, transparent);
margin-bottom: 12px;
}
.app-download-build-bar-fill {
height: 100%; width: 40%; border-radius: inherit;
background: linear-gradient(90deg, #2196f3, #5eb5ff);
animation: app-download-build-indeterminate 1.4s ease-in-out infinite;
}
@keyframes app-download-build-indeterminate {
0% { transform: translateX(-120%); }
100% { transform: translateX(320%); }
}
.app-download-build-steps {
list-style: none; margin: 0; padding: 0;
display: flex; flex-direction: column; gap: 8px;
}
.app-download-build-step {
display: flex; align-items: center; gap: 8px;
font-size: 12px; color: var(--text3); line-height: 1.4;
}
.app-download-build-step.active { color: #5eb5ff; font-weight: 600; }
.app-download-build-step.done { color: var(--text2); }
.app-download-build-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;
}
.app-download-build-step.active .app-download-build-step-dot {
border-color: #2196f3; background: #2196f3;
box-shadow: 0 0 0 3px color-mix(in srgb, #2196f3 25%, transparent);
}
.app-download-build-step.done .app-download-build-step-dot {
border-color: #22c55e; background: #22c55e;
}
.app-download-build-message {
margin: 10px 0 0; font-size: 12px; color: var(--text2); line-height: 1.45;
}
.app-download-build-done-note {
margin: 8px 0 0; font-size: 12px; color: #4ade80; line-height: 1.45;
}
.app-download-build-note, .app-download-build-wait {
margin: 0 0 12px; font-size: 12px; line-height: 1.5;
}