diff options
| author | Tara Rostami <132676256+TaraRostami@users.noreply.github.com> | 2025-09-16 10:25:21 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-09-16 10:25:21 +0300 |
| commit | 76afff2a6f5bcc2fad72955f15a216d0eebacacd (patch) | |
| tree | 8b679870855ae1b843bf6d0487ac0cc77b96686d /web/html/index.html | |
| parent | 9623e875113adad1fcbae7370e043db040462f2a (diff) | |
UI Improvements and Fixes (#3470)
Diffstat (limited to 'web/html/index.html')
| -rw-r--r-- | web/html/index.html | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/web/html/index.html b/web/html/index.html index 6f691876..2ff8db3e 100644 --- a/web/html/index.html +++ b/web/html/index.html @@ -2,7 +2,7 @@ {{ template "page/head_end" .}} {{ template "page/body_start" .}} -<a-layout id="app" v-cloak :class="themeSwitcher.currentTheme"> +<a-layout id="app" v-cloak :class="themeSwitcher.currentTheme + ' index-page'"> <a-sidebar></a-sidebar> <a-layout id="content-layout"> <a-layout-content> @@ -88,7 +88,7 @@ </template> <template #extra> <template v-if="status.xray.state != 'error'"> - <a-badge status="processing" class="running-animation" :text="status.xray.stateMsg" :color="status.xray.color"/> + <a-badge status="processing" :class="({ green: 'xray-running-animation', orange: 'xray-stop-animation' }[status.xray.color]) || 'xray-processing-animation'" :text="status.xray.stateMsg" :color="status.xray.color"/> </template> <template v-else> <a-popover :overlay-class-name="themeSwitcher.currentTheme"> @@ -105,7 +105,7 @@ <template slot="content"> <span class="max-w-400" v-for="line in status.xray.errorMsg.split('\n')">[[ line ]]</span> </template> - <a-badge :text="status.xray.stateMsg" :color="status.xray.color"/> + <a-badge :text="status.xray.stateMsg" :color="status.xray.color" :class="status.xray.color === 'red' ? 'xray-error-animation' : ''"/> </a-popover> </template> </template> |