From b9b74139bf6ec75a352b317fff85c4879a4692cb Mon Sep 17 00:00:00 2001
From: Tara Rostami <132676256+TaraRostami@users.noreply.github.com>
Date: Thu, 14 Dec 2023 16:44:45 +0330
Subject: [PATCH] Better login page & css correction (#1368)

* Update custom.css

* Update login.html

* Update inbounds.html

* Update custom.css

* Update custom.css
---
 web/assets/css/custom.css  | 52 +++++++++++++++++++++++++++++++++++++-
 web/html/login.html        | 18 +++++--------
 web/html/xui/inbounds.html |  4 +--
 web/html/xui/xray.html     |  1 +
 4 files changed, 60 insertions(+), 15 deletions(-)

diff --git a/web/assets/css/custom.css b/web/assets/css/custom.css
index b633d644..308d24a6 100644
--- a/web/assets/css/custom.css
+++ b/web/assets/css/custom.css
@@ -852,6 +852,13 @@ style attribute {
     user-select: none;
 }
 
+.ant-calendar-date,
+.ant-calendar-year-panel-year,
+.ant-calendar-decade-panel-decade,
+.ant-calendar-month-panel-month {
+    border-radius: 5px;
+}
+
 .ant-calendar-date:hover {
     background-color: rgb(232 244 242);
 }
@@ -908,7 +915,7 @@ li.ant-select-dropdown-menu-item:empty:after {
 .ant-select-dropdown.ant-select-dropdown--multiple
     .ant-select-dropdown-menu-item-selected:hover
     .ant-select-selected-icon {
-    color: #3c89e8;
+    color: #008771;
 }
 .ant-select-selection:hover,
 .ant-input-number-focused,
@@ -1049,3 +1056,46 @@ li.ant-select-dropdown-menu-item:empty:after {
 .ant-input-number {
     overflow: clip;
 }
+
+.ant-modal-body,
+.ant-collapse-content>.ant-collapse-content-box {
+    overflow-x: auto;
+}
+
+.ant-calendar-year-panel-year:hover,
+.ant-calendar-decade-panel-decade:hover,
+.ant-calendar-month-panel-month:hover,
+.ant-dropdown-menu-item:hover,
+.ant-dropdown-menu-submenu-title:hover,
+.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),
+.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled),
+.ant-table-tbody
+    > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(
+        .ant-table-row-selected
+    )
+    > td,
+.ant-table-tbody
+    > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+    > td,
+.ant-table-thead
+    > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(
+        .ant-table-row-selected
+    )
+    > td,
+.ant-table-thead
+    > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+    > td {
+    background-color: rgb(232 244 242);
+}
+
+.dark .ant-dropdown-menu-item:hover,
+.dark .ant-dropdown-menu-submenu-title:hover,
+.dark .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),
+.dark .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
+    background-color: #313f5a;
+}
+
+.ant-popover-inner-content {
+    max-height: 400px;
+    overflow-y: auto;
+}
diff --git a/web/html/login.html b/web/html/login.html
index 520bbcb4..62be1478 100644
--- a/web/html/login.html
+++ b/web/html/login.html
@@ -59,24 +59,23 @@
   .wave {
     opacity: 0.6;
     position: absolute;
-    bottom: 40%;
-    left: 50%;
+    top: 80%;
+    left: 60%;
     width: 6000px;
     height: 6000px;
     background-color: rgba(0, 135, 113, 0.08);
     margin-left: -3000px;
-    transform-origin: 50% 48%;
-    border-radius: 46%;
+    transform-origin: 50% 50%;
     pointer-events: none;
-    rotate: 125deg;
+    rotate: 115deg;
   }
   .wave2 {
     opacity: 0.4;
-    rotate: 70deg;
+    rotate: 105deg;
   }
   .wave3 {
     opacity: 0.2;
-    rotate: 90deg;
+    rotate: 62deg;
   }
   .under {
     background-color: #dbf5ed;
@@ -98,11 +97,6 @@
   }
 
   .ant-btn-primary-login {
-    color: #008771;
-    background-color: #e8f4f2;
-    border-color: #a2d3cb;
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-    box-shadow: none;
     width: 100%;
   }
   .ant-btn-primary-login:focus,
diff --git a/web/html/xui/inbounds.html b/web/html/xui/inbounds.html
index 89c90831..3d1bc625 100644
--- a/web/html/xui/inbounds.html
+++ b/web/html/xui/inbounds.html
@@ -427,7 +427,7 @@
                                     :columns="isMobile ? innerMobileColumns : innerColumns"
                                     :data-source="getInboundClients(record)"
                                     :pagination=pagination(getInboundClients(record))
-                                    style="margin: -12px -6px -13px;">
+                                    style="margin: -12px 2px -13px;">
                                     {{template "client_table"}}
                                 </a-table>
                             </template>
@@ -1310,4 +1310,4 @@
 {{template "clientsBulkModal"}}
 
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/web/html/xui/xray.html b/web/html/xui/xray.html
index cca8483f..147ed5e1 100644
--- a/web/html/xui/xray.html
+++ b/web/html/xui/xray.html
@@ -3,6 +3,7 @@
 {{template "head" .}}
 <link rel="stylesheet" href="{{ .base_path }}assets/codemirror/codemirror.css">
 <link rel="stylesheet" href="{{ .base_path }}assets/codemirror/fold/foldgutter.css">
+<link rel="stylesheet" href="{{ .base_path }}assets/codemirror/xq.css?{{ .cur_ver }}">
 <link rel="stylesheet" href="{{ .base_path }}assets/codemirror/lint/lint.css">
 
 <script src="{{ .base_path }}assets/js/model/outbound.js"></script>