revert main page style

This commit is contained in:
Alireza Ahmadi
2024-02-21 02:24:28 +01:00
parent 83e360ea1b
commit 368eb89cd9
6 changed files with 46 additions and 35 deletions

View File

@@ -83,23 +83,14 @@
<transition name="list" appear>
<a-row>
<a-col :sm="24" :md="12">
<a-card hoverable>
<strong>{{ i18n "pages.index.machineInfo" }}:</strong>
<a-tooltip>
<template slot="title">
{{ i18n "pages.index.hostname" }}
</template>
<a-tag color="blue" style="margin-right: 3px;">[[ status.hostInfo.hostname ]]</a-tag>
<a-card hoverable>
<strong>{{ i18n "pages.inbounds.stream.tcp.version" }}:</strong>
<a href="https://github.com/alireza0/x-ui/releases" target="_blank">
<a-tag color="purple" style="cursor: pointer;">X-UI {{ .cur_ver }}</a-tag>
</a>
<a-tooltip title='{{ i18n "pages.index.xraySwitch" }}'>
<a-tag color="purple" style="cursor: pointer;" @click="openSelectV2rayVersion">Xray [[ status.xray.version ]]</a-tag>
</a-tooltip>
<template v-if="status.hostInfo.ipv4">
<a-tooltip>
<template slot="title">
IPv4:<br>[[ status.hostInfo.ipv4 ]]<br>IPv6:<br>[[ status.hostInfo.ipv6 ]]
</template>
<a-tag color="blue" style="margin-right: 3px;">IPv4/v6</a-tag>
</a-tooltip>
<a href="https://github.com/alireza0/x-ui/releases" target="_blank"><a-tag color="purple">X-UI {{ .cur_ver }}</a-tag></a>
</template>
</a-card>
</a-col>
<a-col :sm="24" :md="12">
@@ -134,10 +125,7 @@
<a-icon type="exclamation-circle"></a-icon>
</a-popover>
<a-tag color="purple" style="cursor: pointer; margin-right: 3px;" @click="stopXrayService">{{ i18n "pages.index.stopXray" }}</a-tag>
<a-tag color="purple" style="cursor: pointer; margin-right: 3px;" @click="restartXrayService">{{ i18n "pages.index.restartXray" }}</a-tag>
<a-tooltip title='{{ i18n "pages.index.xraySwitch" }}'>
<a-tag color="purple" style="cursor: pointer;" @click="openSelectV2rayVersion">[[ status.xray.version ]]</a-tag>
</a-tooltip>
<a-tag color="purple" style="cursor: pointer; margin-right: 3px;" @click="restartXrayService">{{ i18n "pages.index.restartXray" }}</a-tag>
</a-card>
</a-col>
<a-col :sm="24" :md="12">
@@ -154,20 +142,43 @@
<a-tooltip>
<template slot="title">
{{ i18n "pages.index.systemLoadDesc" }}
</template>
<a-tag color="blue">[[ status.loads[0] ]] | [[ status.loads[1] ]] | [[ status.loads[2] ]]</a-tag>
</a-tooltip>
</template>
<a-tag color="blue">[[ status.loads[0] ]] | [[ status.loads[1] ]] | [[ status.loads[2] ]]</a-tag>
</a-tooltip>
</a-card>
</a-col>
<a-col :sm="24" :md="12">
<a-card hoverable>
<strong>{{ i18n "usage" }}:</strong>
<a-tooltip>
<a-tag color="blue" style="margin-right: 3px;">RAM [[ sizeFormat(status.appStats.mem) ]]</a-tag>
</a-tooltip>
<a-tag color="blue">Threads [[ status.appStats.threads ]]</a-tag>
</a-card>
</a-col>
<a-col :sm="24" :md="12">
<a-card hoverable>
<strong>{{ i18n "pages.index.serverInfo" }}:</strong>
<a-tooltip>
<a-tag color="blue">Threads [[ status.appStats.threads ]]</a-tag>
<template slot="title">
{{ i18n "pages.index.hostname" }}
</template>
<a-tag color="blue" style="margin-right: 3px;">[[ status.hostInfo.hostname ]]</a-tag>
</a-tooltip>
<template v-if="status.hostInfo.ipv4">
<a-tooltip>
<template slot="title">
[[ status.hostInfo.ipv4 ]]
</template>
<a-tag color="blue" style="margin-right: 3px;">IPv4</a-tag>
</a-tooltip>
</template>
<template v-if="status.hostInfo.ipv6">
<a-tooltip>
<template slot="title">
[[ status.hostInfo.ipv6 ]]
</template>
<a-tag color="blue" style="margin-right: 3px;">IPv6</a-tag>
</a-tooltip>
</template>
</a-card>
</a-col>
<a-col :sm="24" :md="12">
@@ -179,7 +190,7 @@
<template slot="title">
{{ i18n "pages.index.connectionTcpCountDesc" }}
</template>
<strong>TCP:</Strong> [[ status.tcpCount ]]
<strong>TCP:</Strong> <a-tag>[[ status.tcpCount ]]</a-tag>
</a-tooltip>
</a-col>
<a-col :span="12">
@@ -188,7 +199,7 @@
<template slot="title">
{{ i18n "pages.index.connectionUdpCountDesc" }}
</template>
<strong>UDP:</strong> [[ status.udpCount ]]
<strong>UDP:</strong> <a-tag>[[ status.udpCount ]]</a-tag>
</a-tooltip>
</a-col>
</a-row>