Update CSS & README (#1335)

* Update inbound_client_table.html

* Update custom.css

* Delete media/1.png

* Delete media/2.png

* Delete media/3.png

* Delete media/4.png

* Delete media/5.png

* pic v2.0.0

* Update README.md

* Delete media/0.png

* Delete media/1.png

* Delete media/2.png

* Delete media/3.png

* Delete media/4.png

* Delete media/5.png

* Delete media/6.png

* pic v2.0.0

* Update README.md

* Delete media/2.png

* pic v2.0.0

10 files changed, 22 insertions, 5 deletions

diff --git a/README.md b/README.md
index 9a4d7e22..80fdb4c6 100644
--- a/README.md
+++ b/README.md
@@ -371,6 +371,7 @@ XUI_BIN_FOLDER="bin" XUI_DB_FOLDER="/etc/x-ui" go build main.go
 ![4](./media/4.png)
 ![5](./media/5.png)
 ![6](./media/6.png)
+![7](./media/7.png)
 
 ## Stargazers over time
 
diff --git a/media/1.png b/media/1.png
index d59f13ef..a013e934 100644
--- a/media/1.png
+++ b/media/1.png
diff --git a/media/2.png b/media/2.png
index 4593f150..60f4c502 100644
--- a/media/2.png
+++ b/media/2.png
diff --git a/media/3.png b/media/3.png
index 50a83bf0..2949a108 100644
--- a/media/3.png
+++ b/media/3.png
diff --git a/media/4.png b/media/4.png
index 62c181a3..523897e8 100644
--- a/media/4.png
+++ b/media/4.png
diff --git a/media/5.png b/media/5.png
index 6c759cf9..8d2e5082 100644
--- a/media/5.png
+++ b/media/5.png
diff --git a/media/6.png b/media/6.png
index b582a449..bf4da12b 100644
--- a/media/6.png
+++ b/media/6.png
diff --git a/media/7.png b/media/7.png
new file mode 100644
index 00000000..4cc03a69
--- /dev/null
+++ b/media/7.png
diff --git a/web/assets/css/custom.css b/web/assets/css/custom.css
index fc1cb59e..667f9f03 100644
--- a/web/assets/css/custom.css
+++ b/web/assets/css/custom.css
@@ -790,16 +790,22 @@ style attribute {
 
 .has-warning .ant-input,
 .has-warning .ant-input:hover {
-    background-color: #fff6e6;
-    border-color: #ffd98c;
+    background-color: #ffeee1;
+    border-color: #fec093;
 }
 
 .has-warning .ant-input::placeholder {
-    color: #faad14;
+    color: #f37b24;
 }
 
 .has-warning .ant-input:not([disabled]):hover {
-    border-color: #ffd98c;
+    border-color: #fec093;
+}
+
+.ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon, .ant-modal-confirm-warning .ant-modal-confirm-body>.anticon,
+.ant-alert-warning .ant-alert-icon,
+.has-warning.has-feedback .ant-form-item-children-icon {
+    color: #f37b24;
 }
 
 .dark .has-warning .ant-input,
@@ -1040,6 +1046,16 @@ li.ant-select-dropdown-menu-item:empty:after {
     overflow: clip;
 }
 
+.tag-of-wrap {
+	text-wrap: pretty;
+	overflow-wrap: anywhere;
+	max-width: 200px;
+}
+
+.ant-modal-body {
+    overflow-x: auto;
+}
+
 .ant-calendar-year-panel-year:hover,
 .ant-calendar-decade-panel-decade:hover,
 .ant-calendar-month-panel-month:hover,
diff --git a/web/html/xui/inbound_client_table.html b/web/html/xui/inbound_client_table.html
index 49b7feff..d7619dde 100644
--- a/web/html/xui/inbound_client_table.html
+++ b/web/html/xui/inbound_client_table.html
@@ -19,7 +19,7 @@
             :overlay-class-name="themeSwitcher.currentTheme"
             ok-text='{{ i18n "reset"}}'
             cancel-text='{{ i18n "cancel"}}'>
-            <a-icon slot="icon" type="question-circle-o" :style="themeSwitcher.isDarkTheme ? 'color: #3c89e8' : 'color: blue'"></a-icon>
+            <a-icon slot="icon" type="question-circle-o" :style="themeSwitcher.isDarkTheme ? 'color: #008771' : 'color: #008771'"></a-icon>
             <a-icon style="font-size: 24px; cursor: pointer;" class="normal-icon" type="retweet" v-if="client.email.length > 0"></a-icon>
         </a-popconfirm>
     </a-tooltip>