refactor: setting row in dashboard page

This commit is contained in:
danilshishkevich 2025-04-02 13:47:56 +00:00
parent e801218150
commit 0725a084bd

View file

@ -243,7 +243,7 @@
</a-col> </a-col>
<a-col :sm="24" :lg="12"> <a-col :sm="24" :lg="12">
<a-card title='{{ i18n "pages.index.overallSpeed" }}' hoverable> <a-card title='{{ i18n "pages.index.overallSpeed" }}' hoverable>
<a-row> <a-row :gutter="isMobile ? [8,8] : 0">
<a-col :span="12"> <a-col :span="12">
<a-custom-statistic title='{{ i18n "pages.index.upload" }}' :value="SizeFormatter.sizeFormat(status.netIO.up)"> <a-custom-statistic title='{{ i18n "pages.index.upload" }}' :value="SizeFormatter.sizeFormat(status.netIO.up)">
<template #prefix> <template #prefix>
@ -269,7 +269,7 @@
</a-col> </a-col>
<a-col :sm="24" :lg="12"> <a-col :sm="24" :lg="12">
<a-card title='{{ i18n "pages.index.totalData" }}' hoverable> <a-card title='{{ i18n "pages.index.totalData" }}' hoverable>
<a-row> <a-row :gutter="isMobile ? [8,8] : 0">
<a-col :span="12"> <a-col :span="12">
<a-custom-statistic title='{{ i18n "pages.index.sent" }}' :value="SizeFormatter.sizeFormat(status.netTraffic.sent)"> <a-custom-statistic title='{{ i18n "pages.index.sent" }}' :value="SizeFormatter.sizeFormat(status.netTraffic.sent)">
<template #prefix> <template #prefix>
@ -297,15 +297,15 @@
<a-icon :type="showIp ? 'eye' : 'eye-invisible'" :style="{ fontSize: '1rem' }" @click="showIp = !showIp"></a-icon> <a-icon :type="showIp ? 'eye' : 'eye-invisible'" :style="{ fontSize: '1rem' }" @click="showIp = !showIp"></a-icon>
</a-tooltip> </a-tooltip>
</template> </template>
<a-row :class="showIp ? 'ip-visible' : 'ip-hidden'"> <a-row :class="showIp ? 'ip-visible' : 'ip-hidden'" :gutter="isMobile ? [8,8] : 0">
<a-col :xs="24" :xxl="12" :style="{ marginTop: isMobile ? '10px' : 0 }"> <a-col :span="isMobile ? 24 : 12">
<a-custom-statistic title="IPv4" :value="status.publicIP.ipv4"> <a-custom-statistic title="IPv4" :value="status.publicIP.ipv4">
<template #prefix> <template #prefix>
<a-icon type="global" /> <a-icon type="global" />
</template> </template>
</a-custom-statistic> </a-custom-statistic>
</a-col> </a-col>
<a-col :xs="24" :xxl="12" :style="{ marginTop: isMobile ? '10px' : 0 }"> <a-col :span="isMobile ? 24 : 12">
<a-custom-statistic title="IPv6" :value="status.publicIP.ipv6"> <a-custom-statistic title="IPv6" :value="status.publicIP.ipv6">
<template #prefix> <template #prefix>
<a-icon type="global" /> <a-icon type="global" />
@ -317,7 +317,7 @@
</a-col> </a-col>
<a-col :sm="24" :lg="12"> <a-col :sm="24" :lg="12">
<a-card title='{{ i18n "pages.index.connectionCount" }}' hoverable> <a-card title='{{ i18n "pages.index.connectionCount" }}' hoverable>
<a-row> <a-row :gutter="isMobile ? [8,8] : 0">
<a-col :span="12"> <a-col :span="12">
<a-custom-statistic title="TCP" :value="status.tcpCount"> <a-custom-statistic title="TCP" :value="status.tcpCount">
<template #prefix> <template #prefix>