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

@@ -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;
+}

web/html/login.html

@@ -59,24 +59,23 @@
   .wave {
     opacity: 0.6;
     position: absolute;
-    bottom: 40%;
+    top: 80%;
-    left: 50%;
+    left: 60%;
     width: 6000px;
     height: 6000px;
     background-color: rgba(0, 135, 113, 0.08);
     margin-left: -3000px;
-    transform-origin: 50% 48%;
+    transform-origin: 50% 50%;
-    border-radius: 46%;
     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,

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>
+</html>

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>