From c6d27a446355e7278fedd98334a314994bb70153 Mon Sep 17 00:00:00 2001 From: "Shishkevich D." <135337715+shishkevichd@users.noreply.github.com> Date: Sat, 8 Mar 2025 20:41:23 +0700 Subject: chore: pretty `backup` and `xray version` modal (#2737) * chore: pretty `backup & restore` modal * chore: pretty `xray version` modal * fix: new `xray version` modal style --- web/html/xui/index.html | 88 +++++++++++++++++++++++++++---------------------- 1 file changed, 48 insertions(+), 40 deletions(-) (limited to 'web/html') diff --git a/web/html/xui/index.html b/web/html/xui/index.html index 89146932..305d3943 100644 --- a/web/html/xui/index.html +++ b/web/html/xui/index.html @@ -19,6 +19,18 @@ .ant-card-dark h2 { color: var(--dark-color-text-primary); } + .ant-backup-list-item { + text-align: left; + user-select: none; + cursor: pointer; + } + .dark .ant-backup-list-item svg { + color: var(--dark-color-text-primary); + } + .dark .ant-backup-list, + .dark .ant-xray-version-list { + border-color: var(--dark-color-stroke); + } @@ -262,12 +274,14 @@ @ok="() => versionModal.visible = false" :class="themeSwitcher.currentTheme" footer=""> - + + + + + + + +
- - - - - [[ backupModal.exportText ]] - - - [[ backupModal.importText ]] - + + + + + + + + + + + + + + + + + + + @@ -491,24 +517,11 @@ const backupModal = { visible: false, - title: '', - description: '', - exportText: '', - importText: '', - show({ - title = '{{ i18n "pages.index.backupTitle" }}', - description = '{{ i18n "pages.index.backupDescription" }}', - exportText = '{{ i18n "pages.index.exportDatabase" }}', - importText = '{{ i18n "pages.index.importDatabase" }}', - }) { - this.title = title; - this.description = description; - this.exportText = exportText; - this.importText = importText; - this.visible = true; + show() { + this.visible = true; }, hide() { - this.visible = false; + this.visible = false; }, }; @@ -604,12 +617,7 @@ txtModal.show('config.json', JSON.stringify(msg.obj, null, 2), 'config.json'); }, openBackup() { - backupModal.show({ - title: '{{ i18n "pages.index.backupTitle" }}', - description: '{{ i18n "pages.index.backupDescription" }}', - exportText: '{{ i18n "pages.index.exportDatabase" }}', - importText: '{{ i18n "pages.index.importDatabase" }}', - }); + backupModal.show(); }, exportDatabase() { window.location = basePath + 'server/getDb'; -- cgit v1.2.3