Add Apps/Store tab, template WebUI/URL import, container RO volumes/device passthrough/run-as-user, and in-app confirm dialogs
Replaces every native confirm() with a shared P.confirm() modal (a hung native dialog was found live to block the whole tab, including auto-refresh, and once even double-confirmed an unrelated deletion). Also fixes Edit Container silently resetting to Bridge/blanking the Static IP for any container on a custom network, and a context menu losing its anchor to a mid-read auto-refresh. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -358,6 +358,7 @@
|
||||
|
||||
.podman-template-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; padding: 18px; }
|
||||
.podman-template-grid .podman-empty-note { grid-column: 1 / -1; }
|
||||
.podman-pager { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 4px 18px 18px; font-size: 12.5px; color: var(--text-dim); font-variant-numeric: tabular-nums; }
|
||||
.podman-template-card {
|
||||
border: 1px solid var(--border); border-radius: 10px; padding: 14px; background: var(--surface);
|
||||
display: flex; flex-direction: column; gap: 10px;
|
||||
@@ -542,7 +543,7 @@
|
||||
.podman-modal-head h3 { font-size: 15px; }
|
||||
.podman-modal-body { padding: 16px 20px; display: grid; gap: 14px; }
|
||||
.podman-modal-field label { display: block; font-weight: 600; font-size: 12.5px; margin-bottom: 6px; }
|
||||
.podman-modal-field input[type="text"] {
|
||||
.podman-modal-field input[type="text"], .podman-modal-field input[type="url"] {
|
||||
background: var(--surface-2); border: 1px solid var(--border); border-radius: 7px; padding: 8px 10px;
|
||||
font-size: 13px; color: var(--text); width: 100%; font-family: var(--font-ui);
|
||||
}
|
||||
@@ -585,6 +586,10 @@
|
||||
* not flex-grown.
|
||||
*/
|
||||
.podman-row-group-item input.podman-input-narrow { flex: none; width: 90px; }
|
||||
.podman-row-checkbox-label {
|
||||
display: flex; align-items: center; gap: 4px; flex: none; font-size: 12px; color: var(--text-dim);
|
||||
white-space: nowrap; cursor: pointer;
|
||||
}
|
||||
/* Row-remove (x) reads as a normal button like everything else at full
|
||||
.podman-btn weight — muted/borderless by default, only turning
|
||||
"danger" red on hover, so it registers as a quiet per-row affordance
|
||||
@@ -718,7 +723,11 @@
|
||||
font-family: var(--font-ui); color: var(--text-dim); font-size: 11.5px;
|
||||
}
|
||||
.podman-folder-member:hover { border-color: var(--accent); color: var(--text); }
|
||||
.podman-folder-member .ico { width: 18px; height: 18px; border-radius: 5px; font-size: 9px; }
|
||||
.podman-folder-member .ico {
|
||||
width: 18px; height: 18px; border-radius: 5px; font-size: 9px; flex: none; background: var(--surface-3);
|
||||
display: grid; place-items: center; overflow: hidden;
|
||||
}
|
||||
.podman-folder-member .ico img { width: 100%; height: 100%; object-fit: cover; }
|
||||
.podman-folder-member .name { font-weight: 600; }
|
||||
.podman-folder-member .dot { width: 6px; height: 6px; border-radius: 50%; flex: none; }
|
||||
.podman-folder-member .dot.good { background: var(--good); }
|
||||
|
||||
Reference in New Issue
Block a user