style: Optimize input to disable background color (#7308)

frontend/src/styles/element.scss

@@ -56,6 +56,7 @@ html {
     --panel-pie-bg-color: #ffffff;
 
     --el-fill-color-light: #ffffff;
+    --el-disabled-bg-color: var(--panel-main-bg-color-9) !important;
 }
 
 .el-notification {
@@ -241,6 +242,10 @@ html {
     }
 }
 
+.el-input.is-disabled .el-input__wrapper {
+    --el-disabled-bg-color: var(--panel-main-bg-color-9);
+}
+
 .el-radio-button__inner {
     [class*='el-icon'] + span {
         margin-left: 6px;
@@ -253,3 +258,8 @@ html {
 .logo {
     color: var(--el-color-primary);
 }
+
+.custom-input-textarea {
+    background-color: #f5f7fa !important;
+    color: var(--el-color-info) !important;
+}

frontend/src/views/container/setting/index.vue

@@ -51,7 +51,7 @@
                                         v-model="form.mirrors"
                                         class="sm:calc(100% - 80px)"
                                     />
-                                    <el-button @click="onChangeMirrors" icon="Setting">
+                                    <el-button @click="onChangeMirrors" icon="Setting" class="custom-input-textarea">
                                         {{ $t('commons.button.set') }}
                                     </el-button>
                                 </div>