v2.5.0: add QR import and backup scheduling

admin-web/static/styles.css

@@ -923,6 +923,39 @@ td small {
   gap: 10px;
 }
 
+.mini-actions,
+.backup-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.backup-schedule,
+.backup-includes {
+  display: grid;
+  gap: 10px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: var(--panel-soft);
+  padding: 12px;
+  margin-bottom: 12px;
+}
+
+.backup-schedule {
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+}
+
+.backup-schedule span,
+.backup-includes span {
+  display: block;
+  color: var(--muted);
+  font-size: 12px;
+  margin-top: 2px;
+}
+
 .backup-item,
 .event,
 .settings-list > div {
@@ -965,6 +998,36 @@ td small {
   word-break: break-word;
 }
 
+.qr-card {
+  width: min(440px, calc(100vw - 32px));
+}
+
+.qr-frame {
+  display: grid;
+  place-items: center;
+  margin: 12px 0;
+  padding: 14px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: #fff;
+}
+
+.qr-frame img {
+  display: block;
+  width: min(280px, 70vw);
+  aspect-ratio: 1;
+  object-fit: contain;
+}
+
+.modal-note {
+  max-height: 92px;
+  overflow: auto;
+  color: var(--muted);
+  font-size: 12px;
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+}
+
 .toast {
   position: fixed;
   right: 22px;
@@ -1215,12 +1278,23 @@ td small {
   }
 
   .backup-item,
+  .backup-schedule,
   .event,
   .settings-list > div,
   .port-listener,
   .port-empty {
     grid-template-columns: 1fr;
   }
+
+  .mini-actions,
+  .backup-actions {
+    justify-content: stretch;
+  }
+
+  .mini-actions button,
+  .backup-actions button {
+    flex: 1 1 130px;
+  }
 }
 
 @media (max-width: 460px) {