diff --git a/workers/updater/src/admin/page.html b/workers/updater/src/admin/page.html index 37ae787..71960b5 100644 --- a/workers/updater/src/admin/page.html +++ b/workers/updater/src/admin/page.html @@ -143,6 +143,48 @@ font-size: 11px; margin-bottom: 7px; } + .scheduling { + display: flex; + align-items: center; + gap: 10px; + min-height: 44px; + margin: 10px 0 0 auto; + padding: 0; + border: 0; + background: transparent; + color: inherit; + font-size: 13px; + } + .switch-track { + display: flex; + align-items: center; + width: 40px; + height: 24px; + padding: 3px; + border: 1px solid #686978; + border-radius: 20px; + background: #3a3b48; + } + .switch-track::before { + content: ''; + width: 16px; + height: 16px; + border-radius: 50%; + background: #f3f2fa; + } + .scheduling[aria-checked='true'] .switch-track { + justify-content: flex-end; + background: var(--purple); + border-color: var(--purple); + } + .scheduling[aria-checked='true'] .switch-track::before { + background: #191226; + } + #scheduling-value { + min-width: 22px; + text-align: left; + color: var(--muted); + } .section-label { display: flex; justify-content: space-between; @@ -217,14 +259,6 @@ background: #373046; border-color: #8c75b7; } - .action:first-child .run { - background: #b6a4fa; - color: #191226; - border-color: #b6a4fa; - } - .action:first-child .run:hover:not(:disabled) { - background: #cbbbff; - } .note { font-size: 12px; color: var(--muted); @@ -366,6 +400,13 @@ .status { padding: 18px 17px; align-items: flex-start; + flex-direction: column; + } + .next { + text-align: left; + } + .scheduling { + margin-left: 0; } .next strong { font-size: 12px; @@ -447,12 +488,16 @@