From 729d8549e2b536a10c402a88e0d4cfde9e4baf3f Mon Sep 17 00:00:00 2001 From: Alireza Ahmadi Date: Mon, 4 Dec 2023 19:17:38 +0100 Subject: new frontend and mobile view #1286 --- web/html/xui/inbounds.html | 474 ++++++++++++++++++++++++++++++++++----------- 1 file changed, 360 insertions(+), 114 deletions(-) (limited to 'web/html/xui/inbounds.html') diff --git a/web/html/xui/inbounds.html b/web/html/xui/inbounds.html index 4e1873f8..27612917 100644 --- a/web/html/xui/inbounds.html +++ b/web/html/xui/inbounds.html @@ -8,27 +8,56 @@ } } + @media (max-width: 768px) { + .ant-card-body { + padding: .5rem; + } + } + .ant-col-sm-24 { - margin-top: 10px; + margin: 0.5rem -2rem 0.5rem 2rem; } tr.hideExpandIcon .ant-table-row-expand-icon { display: none; } + .infinite-tag { + padding: 0 5px; + border-radius: 2rem; + min-width: 50px; + } + .infinite-bar .ant-progress-inner .ant-progress-bg { + background-color: #F2EAF1; + border: #D5BED2 solid 1px; + } + .dark .infinite-bar .ant-progress-inner .ant-progress-bg { + background-color: #3c1536; + border: #7a316f solid 1px; + } + .ant-collapse { + margin: 5px 0; + } + .online-animation .ant-badge-status-dot { + animation: 1.2s ease infinite normal none running onlineAnimation; + } + @keyframes onlineAnimation { + 0%, 50%, 100% { transform: scale(1); opacity: 1; } + 10% { transform: scale(1.5); opacity: .2; } + } - + {{ template "commonSider" . }} - + - + Please go to the panel settings as soon as possible to modify the username and password, otherwise there may be a risk of leaking account information - + {{ i18n "pages.inbounds.totalDownUp" }}: @@ -45,36 +74,46 @@ {{ i18n "clients" }}: [[ total.clients ]] - + [[ total.deactive.length ]] - + [[ total.depleted.length ]] - + [[ total.expiring.length ]] + + + [[ onlineClients.length ]] + - +
- - {{ i18n "pages.inbounds.addInbound" }} + + + + - {{ i18n "pages.inbounds.generalActions" }} + + + @@ -95,12 +134,12 @@ - + + :dropdown-class-name="themeSwitcher.currentTheme"> [[ key ]]s @@ -108,26 +147,32 @@
- - - - - {{ i18n "none" }} - {{ i18n "disabled" }} - {{ i18n "depleted" }} - {{ i18n "depletingSoon" }} - - + + + + + + + {{ i18n "none" }} + {{ i18n "disabled" }} + {{ i18n "depleted" }} + {{ i18n "depletingSoon" }} + {{ i18n "online" }} + + +