diff options
Diffstat (limited to 'web/html/xray.html')
| -rw-r--r-- | web/html/xray.html | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/web/html/xray.html b/web/html/xray.html index ebe31f48..02243277 100644 --- a/web/html/xray.html +++ b/web/html/xray.html @@ -14,7 +14,7 @@ <a-layout id="content-layout"> <a-layout-content> <a-spin :spinning="loadingStates.spinning" :delay="500" - tip='{{ i18n "loading"}}'> + tip='{{ i18n "loading"}}' size="large"> <transition name="list" appear> <a-alert type="error" v-if="showAlert && loadingStates.fetched" :style="{ marginBottom: '10px' }" @@ -24,10 +24,7 @@ </transition> <transition name="list" appear> <a-row v-if="!loadingStates.fetched"> - <a-card - :style="{ textAlign: 'center', padding: '30px 0', marginTop: '10px', background: 'transparent', border: 'none' }"> - <a-spin tip='{{ i18n "loading" }}'></a-spin> - </a-card> + <div :style="{ minHeight: 'calc(100vh - 120px)' }"></div> </a-row> <a-row :gutter="[isMobile ? 8 : 16, isMobile ? 0 : 12]" v-else> <a-col> @@ -1075,6 +1072,14 @@ this.$forceUpdate(); } }); + + // Handle invalidate signals (sent when payload is too large for WebSocket, + // or when traffic job notifies about data changes) + window.wsClient.on('invalidate', (payload) => { + if (payload && payload.type === 'outbounds') { + this.refreshOutboundTraffic(); + } + }); } while (true) { |