small theme fixes #1286

2 files changed, 23 insertions, 5 deletions

diff --git a/web/assets/css/custom.css b/web/assets/css/custom.css
index cc11427d..66085680 100644
--- a/web/assets/css/custom.css
+++ b/web/assets/css/custom.css
@@ -331,6 +331,10 @@ style attribute {
     transform: translateY(-30px)
 }
 
+.ant-tooltip-inner {
+    min-height: 0;
+}
+
 .ant-list-item-meta-title {
     font-size: 14px;
 }
@@ -506,7 +510,6 @@ style attribute {
 .dark .ant-card-head,
 .dark .ant-form,
 .dark .ant-collapse>.ant-collapse-item>.ant-collapse-header,
-.dark .ant-form-item i,
 .dark .ant-modal-close-x,
 .dark .ant-pagination-item a,
 .dark li:not(.ant-pagination-disabled) i,
@@ -589,6 +592,7 @@ style attribute {
 }
 
 .dark .ant-btn-primary[disabled],
+.dark .ant-btn-danger[disabled],
 .dark .ant-calendar-ok-btn-disabled {
     color: rgb(255 255 255 / 35%);
     background-color: #2c3950;
@@ -737,6 +741,20 @@ style attribute {
     border-right-color: #2C3950;
 }
 
+.dark .has-warning .ant-input,
+.dark .has-warning .ant-input:hover {
+    border-color: #faad14;
+}
+
+.dark .has-warning .anticon {
+    color: #ffa031;
+}
+
+.dark .has-success .anticon {
+    color: #61bf39;
+    animation-name: diffZoomIn1!important;
+}
+
 .dark .anticon-close-circle {
     color: #E04141;
 }
@@ -751,4 +769,4 @@ style attribute {
 
 .dark .ant-spin-dot-item {
     background-color: #ffffffff;
-}
\ No newline at end of file
+}
diff --git a/web/html/xui/form/outbound.html b/web/html/xui/form/outbound.html
index a8b58ba0..cd6b5f28 100644
--- a/web/html/xui/form/outbound.html
+++ b/web/html/xui/form/outbound.html
@@ -8,8 +8,8 @@
             <a-select-option v-for="x,y in Protocols" :value="x">[[ y ]]</a-select-option>
         </a-select>
     </a-form-item>
-    <a-form-item label='{{ i18n "pages.xray.outbound.tag" }}'>
-        <a-input v-model.trim="outbound.tag" style="width: 250px" @change="outModal.check()" :style="outModal.duplicateTag? 'border-color: red;' : ''"></a-input>
+    <a-form-item label='{{ i18n "pages.xray.outbound.tag" }}' has-feedback :validate-status="outModal.duplicateTag? 'warning' : 'success'">
+        <a-input v-model.trim="outbound.tag" style="width: 250px" @change="outModal.check()" placeholder='{{ i18n "pages.xray.outbound.tagDesc" }}'></a-input>
     </a-form-item>
 <!-- freedom settings-->
 <template v-if="outbound.protocol === Protocols.Freedom">
@@ -71,7 +71,7 @@
         <a-input v-model.trim="outbound.settings.address" style="width: 250px"></a-input>
     </a-form-item>
     <a-form-item label='{{ i18n "pages.inbounds.port" }}'>
-        <a-input-number v-model.number="outbound.settings.port"></a-input-number>
+        <a-input-number v-model.number="outbound.settings.port" :min="1" :max="65532"></a-input-number>
     </a-form-item>
 </template>