chore: pretty Inbounds page (#2791)

* chore: pretty 'Inbounds' page

* chore: return styles for aCustomStatistic

styles was intended to properly display a-statistic in the app, but for some unknown reason it was removed

* fix: switch style in dark mode

---------

Author: shishkevichd

web/html/xui/component/aCustomStatistic.html

@@ -12,6 +12,18 @@
 {{end}}
 
 {{define "component/aCustomStatistic"}}
+<style>
+  .dark .ant-statistic-content {
+    color: var(--dark-color-text-primary)
+  }
+  .dark .ant-statistic-title {
+    color: rgba(255, 255, 255, 0.55)
+  }
+  .ant-statistic-content {
+    font-size: 16px;
+  }
+</style>
+
 <script>
   Vue.component('a-custom-statistic', {
     props: {

web/html/xui/inbounds.html

@@ -24,11 +24,9 @@
   }
   .dark .ant-backup-list-item svg,
   .dark .ant-badge-status-text,
-  .dark .ant-statistic-content,
   .dark .ant-card-extra {
     color: var(--dark-color-text-primary);
   }
-  .dark .ant-statistic-title,
   .dark .ant-card-actions>li {
     color: rgba(255, 255, 255, 0.55);
   }
@@ -48,9 +46,6 @@
   .ant-card-actions {
     background: transparent;
   }
-  .ant-statistic-content {
-    font-size: 16px;
-  }
   .ip-hidden {
     -webkit-user-select: none;
     -moz-user-select: none;
@@ -299,16 +294,16 @@
                     </template>
                     <a-row :class="showIp ? 'ip-visible' : 'ip-hidden'">
                       <a-col :xs="24" :xxl="12" :style="{ marginTop: isMobile ? '10px' : 0 }">
-                        <a-custom-statistic :value="status.publicIP.ipv4">
+                        <a-custom-statistic title="IPv4" :value="status.publicIP.ipv4">
                           <template #prefix>
-                            IPv4:
+                            <a-icon type="global" />
                           </template>
                         </a-custom-statistic>
                       </a-col>
                       <a-col :xs="24" :xxl="12" :style="{ marginTop: isMobile ? '10px' : 0 }">
-                        <a-custom-statistic :value="status.publicIP.ipv6">
+                        <a-custom-statistic title="IPv6" :value="status.publicIP.ipv6">
                           <template #prefix>
-                            IPv6:
+                            <a-icon type="global" />
                           </template>
                         </a-custom-statistic>
                       </a-col>

web/html/xui/index.html

@@ -140,6 +140,8 @@
 "resetTraffic" = "Reset Traffic"
 "addInbound" = "Add Inbound"
 "generalActions" = "General Actions"
+"autoRefresh" = "Auto-refresh"
+"autoRefreshInterval" = "Interval"
 "create" = "Create"
 "update" = "Update"
 "modifyInbound" = "Modify Inbound"

web/translation/translate.en_US.toml

@@ -142,6 +142,8 @@
 "resetTraffic" = "Restablecer Tráfico"
 "addInbound" = "Agregar Entrada"
 "generalActions" = "Acciones Generales"
+"autoRefresh" = "Auto-actualizar"
+"autoRefreshInterval" = "Intervalo"
 "create" = "Crear"
 "update" = "Actualizar"
 "modifyInbound" = "Modificar Entrada"

web/translation/translate.es_ES.toml

@@ -142,6 +142,8 @@
 "resetTraffic" = "ریست ترافیک"
 "addInbound" = "افزودن ورودی"
 "generalActions" = "عملیات کلی"
+"autoRefresh" = "تازه‌سازی خودکار"
+"autoRefreshInterval" = "فاصله"
 "create" = "افزودن"
 "update" = "ویرایش"
 "modifyInbound" = "ویرایش ورودی"

web/translation/translate.fa_IR.toml

@@ -142,6 +142,8 @@
 "resetTraffic" = "Reset Traffic"
 "addInbound" = "Tambahkan Masuk"
 "generalActions" = "Tindakan Umum"
+"autoRefresh" = "Pembaruan otomatis"
+"autoRefreshInterval" = "Interval"
 "create" = "Buat"
 "update" = "Perbarui"
 "modifyInbound" = "Ubah Masuk"

web/translation/translate.id_ID.toml

@@ -142,6 +142,8 @@
 "resetTraffic" = "トラフィックリセット"
 "addInbound" = "インバウンド追加"
 "generalActions" = "一般操作"
+"autoRefresh" = "自動更新"
+"autoRefreshInterval" = "間隔"
 "create" = "追加"
 "update" = "更新"
 "modifyInbound" = "インバウンド修正"

web/translation/translate.ja_JP.toml

@@ -142,6 +142,8 @@
 "resetTraffic" = "Redefinir Tráfego"
 "addInbound" = "Adicionar Inbound"
 "generalActions" = "Ações Gerais"
+"autoRefresh" = "Atualização automática"
+"autoRefreshInterval" = "Intervalo"
 "create" = "Criar"
 "update" = "Atualizar"
 "modifyInbound" = "Modificar Inbound"

web/translation/translate.pt_BR.toml

@@ -142,6 +142,8 @@
 "resetTraffic" = "Сбросить трафик"
 "addInbound" = "Добавить подключение"
 "generalActions" = "Общие действия"
+"autoRefresh" = "Автообновление"
+"autoRefreshInterval" = "Интервал"
 "create" = "Создать"
 "update" = "Обновить"
 "modifyInbound" = "Изменить подключение"

web/translation/translate.ru_RU.toml

@@ -142,6 +142,8 @@
 "resetTraffic" = "Trafiği Sıfırla"
 "addInbound" = "Gelen Ekle"
 "generalActions" = "Genel Eylemler"
+"autoRefresh" = "Otomatik yenileme"
+"autoRefreshInterval" = "Aralık"
 "create" = "Oluştur"
 "update" = "Güncelle"
 "modifyInbound" = "Geleni Düzenle"

web/translation/translate.tr_TR.toml

@@ -142,6 +142,8 @@
 "resetTraffic" = "Скинути трафік"
 "addInbound" = "Додати вхідний"
 "generalActions" = "Загальні дії"
+"autoRefresh" = "Автооновлення"
+"autoRefreshInterval" = "Інтервал"
 "create" = "Створити"
 "update" = "Оновити"
 "modifyInbound" = "Змінити вхідний"

web/translation/translate.uk_UA.toml

@@ -142,6 +142,8 @@
 "resetTraffic" = "Đặt lại lưu lượng"
 "addInbound" = "Thêm điểm vào"
 "generalActions" = "Hành động chung"
+"autoRefresh" = "Tự động làm mới"
+"autoRefreshInterval" = "Khoảng thời gian"
 "create" = "Tạo mới"
 "update" = "Cập nhật"
 "modifyInbound" = "Chỉnh sửa điểm vào (Inbound)"

web/translation/translate.vi_VN.toml

@@ -142,6 +142,8 @@
 "resetTraffic" = "重置流量"
 "addInbound" = "添加入站"
 "generalActions" = "通用操作"
+"autoRefresh" = "自动刷新"
+"autoRefreshInterval" = "间隔"
 "create" = "添加"
 "update" = "修改"
 "modifyInbound" = "修改入站"

web/translation/translate.zh_CN.toml

@@ -142,6 +142,8 @@
 "resetTraffic" = "重置流量"
 "addInbound" = "新增入站"
 "generalActions" = "通用操作"
+"autoRefresh" = "自動刷新"
+"autoRefreshInterval" = "間隔"
 "create" = "新增"
 "update" = "修改"
 "modifyInbound" = "修改入站"