diff options
| author | MHSanaei <ho3ein.sanaei@gmail.com> | 2023-03-17 19:07:49 +0300 |
|---|---|---|
| committer | MHSanaei <ho3ein.sanaei@gmail.com> | 2023-03-17 19:07:49 +0300 |
| commit | 96786c94189f3d2f3f04c1915529c786228bdf42 (patch) | |
| tree | 879085e09a3cd485f3246f46be907fe77eb84a1a /web/html/xui/index.html | |
| parent | bc56e637376142c370c31b17558fc3778a863bd2 (diff) | |
alireza
Diffstat (limited to 'web/html/xui/index.html')
| -rw-r--r-- | web/html/xui/index.html | 18 |
1 files changed, 12 insertions, 6 deletions
diff --git a/web/html/xui/index.html b/web/html/xui/index.html index 604c6621..b8a1e4b5 100644 --- a/web/html/xui/index.html +++ b/web/html/xui/index.html @@ -11,6 +11,10 @@ .ant-col-sm-24 { margin-top: 10px; } + + .ant-card-dark h2 { + color: hsla(0,0%,100%,.65); + } </style> <body> <a-layout id="app" v-cloak> @@ -27,14 +31,14 @@ <a-col :span="12" style="text-align: center"> <a-progress type="dashboard" status="normal" :stroke-color="status.cpu.color" - :class="siderDrawer.isDarkTheme ? darkClass : ''" + :class="siderDrawer.isDarkTheme ? darkClass : ''" :percent="status.cpu.percent"></a-progress> <div>CPU</div> </a-col> <a-col :span="12" style="text-align: center"> <a-progress type="dashboard" status="normal" :stroke-color="status.mem.color" - :class="siderDrawer.isDarkTheme ? darkClass : ''" + :class="siderDrawer.isDarkTheme ? darkClass : ''" :percent="status.mem.percent"></a-progress> <div> {{ i18n "pages.index.memory"}}: [[ sizeFormat(status.mem.current) ]] / [[ sizeFormat(status.mem.total) ]] @@ -47,7 +51,7 @@ <a-col :span="12" style="text-align: center"> <a-progress type="dashboard" status="normal" :stroke-color="status.swap.color" - :class="siderDrawer.isDarkTheme ? darkClass : ''" + :class="siderDrawer.isDarkTheme ? darkClass : ''" :percent="status.swap.percent"></a-progress> <div> Swap: [[ sizeFormat(status.swap.current) ]] / [[ sizeFormat(status.swap.total) ]] @@ -56,7 +60,7 @@ <a-col :span="12" style="text-align: center"> <a-progress type="dashboard" status="normal" :stroke-color="status.disk.color" - :class="siderDrawer.isDarkTheme ? darkClass : ''" + :class="siderDrawer.isDarkTheme ? darkClass : ''" :percent="status.disk.percent"></a-progress> <div> {{ i18n "pages.index.hard"}}: [[ sizeFormat(status.disk.current) ]] / [[ sizeFormat(status.disk.total) ]] @@ -172,6 +176,7 @@ </a-layout> <a-modal id="version-modal" v-model="versionModal.visible" title='{{ i18n "pages.index.xraySwitch" }}' :closable="true" @ok="() => versionModal.visible = false" + :class="siderDrawer.isDarkTheme ? darkClass : ''" ok-text='{{ i18n "confirm" }}' cancel-text='{{ i18n "cancel"}}'> <h2>{{ i18n "pages.index.xraySwitchClick"}}</h2> <h2>{{ i18n "pages.index.xraySwitchClickDesk"}}</h2> @@ -313,6 +318,7 @@ title: '{{ i18n "pages.index.xraySwitchVersionDialog"}}', content: '{{ i18n "pages.index.xraySwitchVersionDialogDesc"}}' + ` ${version}?`, okText: '{{ i18n "confirm"}}', + class: siderDrawer.isDarkTheme ? darkClass : '', cancelText: '{{ i18n "cancel"}}', onOk: async () => { versionModal.hide(); @@ -322,7 +328,7 @@ }, }); }, - //here add stop xray function + //here add stop xray function async stopXrayService() { this.loading(true); const msg = await HttpUtil.post('server/stopXrayService'); @@ -331,7 +337,7 @@ return; } }, - //here add restart xray function + //here add restart xray function async restartXrayService() { this.loading(true); const msg = await HttpUtil.post('server/restartXrayService'); |