ivanch/transmission-manager
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

adding scheduler
Build and Deploy (internal) / Build Transmission Manager Image (push) Successful in 3m13s
Details
Build and Deploy (internal) / Deploy Transmission Manager (internal) (push) Successful in 3s
Details

Browse Source
This commit is contained in:
ivanch
2026-09-23 17:32:39 -03:00
parent 44889338c2
commit c98af34202
12 changed files with 1430 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/styles.css
+41
View File
@@ -204,6 +204,44 @@ button { font-family: inherit; }
flex: 1;
}
.app-tabs { display: flex; gap: 5px; margin-bottom: 22px; border-bottom: 1px solid var(--border-strong); }
.app-tab { padding: 10px 18px 12px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--text-2); cursor: pointer; font-size: 14px; font-weight: 700; }
.app-tab:hover { color: var(--text-0); }
.app-tab.active { color: var(--accent); border-bottom-color: var(--accent); }
.app-tab:focus-visible, .scheduler-button:focus-visible, .scheduler-toggle:focus-visible, .scheduler-settings input:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.scheduler-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; flex-wrap: wrap; margin-bottom: 20px; }
.scheduler-heading h2 { margin: 0 0 6px; color: var(--text-0); font-size: 23px; }
.scheduler-heading p { margin: 0; max-width: 620px; color: var(--text-2); font-size: 13px; line-height: 1.5; }
.scheduler-settings { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.scheduler-settings label { color: var(--text-1); font-size: 12px; font-weight: 700; }
.scheduler-settings input { width: 68px; padding: 7px 8px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); background: var(--bg-2); color: var(--text-0); font-size: 13px; }
.scheduler-button { border: 1px solid rgba(0, 212, 255, 0.28); border-radius: var(--radius-sm); padding: 8px 12px; background: var(--accent-soft); color: var(--accent); cursor: pointer; font-size: 12px; font-weight: 700; }
.scheduler-button:hover:not(:disabled) { background: rgba(0, 212, 255, 0.2); }
.scheduler-button.secondary { margin-top: 12px; border-color: var(--border-strong); background: var(--bg-2); color: var(--text-1); }
.scheduler-button:disabled, .scheduler-toggle:disabled { opacity: .5; cursor: wait; }
.scheduler-error { padding: 10px 12px; border: 1px solid rgba(248, 113, 113, .35); border-radius: var(--radius-sm); background: rgba(248, 113, 113, .08); color: var(--err); font-size: 13px; }
.scheduler-feedback { min-height: 18px; margin: 0 0 10px; color: var(--text-2); font-size: 12px; }
.scheduler-section-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin: 16px 0 10px; }
.scheduler-section-heading h3 { margin: 0; color: var(--text-0); font-size: 15px; }
.scheduler-section-heading span, .scheduler-empty { color: var(--text-2); font-size: 12px; }
.scheduler-history-heading { margin-top: 30px; }
.scheduler-torrents { display: flex; flex-direction: column; gap: 8px; }
.scheduler-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-2); }
.scheduler-row-main { min-width: 0; }
.scheduler-row-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-0); font-size: 13px; font-weight: 650; }
.scheduler-row-meta { display: block; margin-top: 4px; color: var(--text-2); font-size: 11px; }
.scheduler-row-controls { display: flex; align-items: center; gap: 10px; flex: none; }
.scheduler-state { padding: 4px 7px; border-radius: 999px; background: var(--bg-3); color: var(--text-2); font-size: 11px; white-space: nowrap; }
.scheduler-state.active { background: rgba(52, 211, 153, .12); color: var(--ok); }
.scheduler-state.waiting { background: rgba(251, 191, 36, .1); color: var(--warn); }
.scheduler-toggle { min-width: 78px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); padding: 7px 9px; background: var(--bg-3); color: var(--text-1); cursor: pointer; font-size: 11px; font-weight: 700; }
.scheduler-toggle[aria-pressed="true"] { border-color: rgba(0, 212, 255, .3); background: var(--accent-soft); color: var(--accent); }
.scheduler-history { display: flex; flex-direction: column; gap: 7px; padding: 0; margin: 0; list-style: none; }
.scheduler-history li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-2); font-size: 12px; }
.scheduler-history strong { color: var(--text-0); font-weight: 650; }
.scheduler-history time { flex: none; color: var(--text-2); }
.toolbar {
display: flex;
align-items: center;
@@ -545,4 +583,7 @@ button { font-family: inherit; }
.card-body { flex-basis: calc(100% - 42px); }
.card-actions { width: 100%; flex-direction: row; justify-content: space-between; }
.card-status-col { flex-direction: column-reverse; align-items: flex-start; gap: 6px; }
.scheduler-row { align-items: flex-start; }
.scheduler-row-controls { flex-direction: column; align-items: flex-end; gap: 6px; }
.scheduler-history li { flex-direction: column; gap: 4px; }
}