mirror of
				https://github.com/crater-invoice/crater.git
				synced 2025-10-31 05:31:10 -04:00 
			
		
		
		
	fix password eye icon and minor fix in dark mode (#1261)
This commit is contained in:
		| @ -51,27 +51,12 @@ | ||||
|         <BaseInput | ||||
|           v-model.trim="mailDriverStore.mailgunConfig.mail_mailgun_secret" | ||||
|           :content-loading="isFetchingInitialData" | ||||
|           :type="getInputType" | ||||
|           type="password" | ||||
|           name="mailgun_secret" | ||||
|           autocomplete="off" | ||||
|           :invalid="v$.mailgunConfig.mail_mailgun_secret.$error" | ||||
|           @input="v$.mailgunConfig.mail_mailgun_secret.$touch()" | ||||
|         > | ||||
|           <template #right> | ||||
|             <BaseIcon | ||||
|               v-if="isShowPassword" | ||||
|               class="mr-1 text-gray-500 cursor-pointer" | ||||
|               name="EyeOffIcon" | ||||
|               @click="isShowPassword = !isShowPassword" | ||||
|             /> | ||||
|             <BaseIcon | ||||
|               v-else | ||||
|               class="mr-1 text-gray-500 cursor-pointer" | ||||
|               name="EyeIcon" | ||||
|               @click="isShowPassword = !isShowPassword" | ||||
|             /> | ||||
|           </template> | ||||
|         </BaseInput> | ||||
|         /> | ||||
|       </BaseInputGroup> | ||||
|  | ||||
|       <BaseInputGroup | ||||
| @ -184,15 +169,6 @@ const emit = defineEmits(['submit-data', 'on-change-driver']) | ||||
| const mailDriverStore = useMailDriverStore() | ||||
| const { t } = useI18n() | ||||
|  | ||||
| let isShowPassword = ref(false) | ||||
|  | ||||
| const getInputType = computed(() => { | ||||
|   if (isShowPassword.value) { | ||||
|     return 'text' | ||||
|   } | ||||
|   return 'password' | ||||
| }) | ||||
|  | ||||
| const rules = computed(() => { | ||||
|   return { | ||||
|     mailgunConfig: { | ||||
|  | ||||
| @ -146,27 +146,12 @@ | ||||
|         <BaseInput | ||||
|           v-model.trim="mailDriverStore.sesConfig.mail_ses_secret" | ||||
|           :content-loading="isFetchingInitialData" | ||||
|           :type="getInputType" | ||||
|           type="password" | ||||
|           name="mail_ses_secret" | ||||
|           autocomplete="off" | ||||
|           :invalid="v$.sesConfig.mail_ses_secret.$error" | ||||
|           @input="v$.sesConfig.mail_ses_secret.$touch()" | ||||
|         > | ||||
|           <template #right> | ||||
|             <BaseIcon | ||||
|               v-if="isShowPassword" | ||||
|               class="mr-1 text-gray-500 cursor-pointer" | ||||
|               name="EyeOffIcon" | ||||
|               @click="isShowPassword = !isShowPassword" | ||||
|             /> | ||||
|             <BaseIcon | ||||
|               v-else | ||||
|               class="mr-1 text-gray-500 cursor-pointer" | ||||
|               name="EyeIcon" | ||||
|               @click="isShowPassword = !isShowPassword" | ||||
|             /> | ||||
|           </template> | ||||
|         </BaseInput> | ||||
|         /> | ||||
|       </BaseInputGroup> | ||||
|     </BaseInputGrid> | ||||
|  | ||||
| @ -223,7 +208,6 @@ const emit = defineEmits(['submit-data', 'on-change-driver']) | ||||
| const mailDriverStore = useMailDriverStore() | ||||
| const { t } = useI18n() | ||||
|  | ||||
| let isShowPassword = ref(false) | ||||
| const encryptions = reactive(['tls', 'ssl', 'starttls']) | ||||
|  | ||||
| const rules = computed(() => { | ||||
| @ -264,13 +248,6 @@ const v$ = useVuelidate( | ||||
|   computed(() => mailDriverStore) | ||||
| ) | ||||
|  | ||||
| const getInputType = computed(() => { | ||||
|   if (isShowPassword.value) { | ||||
|     return 'text' | ||||
|   } | ||||
|   return 'password' | ||||
| }) | ||||
|  | ||||
| onMounted(() => { | ||||
|   for (const key in mailDriverStore.sesConfig) { | ||||
|     if (props.configData.hasOwnProperty(key)) { | ||||
|  | ||||
| @ -58,24 +58,9 @@ | ||||
|         <BaseInput | ||||
|           v-model.trim="mailDriverStore.smtpConfig.mail_password" | ||||
|           :content-loading="isFetchingInitialData" | ||||
|           :type="getInputType" | ||||
|           type="password" | ||||
|           name="password" | ||||
|         > | ||||
|           <template #right> | ||||
|             <BaseIcon | ||||
|               v-if="isShowPassword" | ||||
|               class="mr-1 text-gray-500 cursor-pointer" | ||||
|               name="EyeOffIcon" | ||||
|               @click="isShowPassword = !isShowPassword" | ||||
|             /> | ||||
|             <BaseIcon | ||||
|               v-else | ||||
|               class="mr-1 text-gray-500 cursor-pointer" | ||||
|               name="EyeIcon" | ||||
|               @click="isShowPassword = !isShowPassword" | ||||
|             /> | ||||
|           </template> | ||||
|         </BaseInput> | ||||
|         /> | ||||
|       </BaseInputGroup> | ||||
|  | ||||
|       <BaseInputGroup | ||||
| @ -209,17 +194,8 @@ const emit = defineEmits(['submit-data', 'on-change-driver']) | ||||
|  | ||||
| const mailDriverStore = useMailDriverStore() | ||||
| const { t } = useI18n() | ||||
|  | ||||
| let isShowPassword = ref(false) | ||||
| const encryptions = reactive(['tls', 'ssl', 'starttls']) | ||||
|  | ||||
| const getInputType = computed(() => { | ||||
|   if (isShowPassword.value) { | ||||
|     return 'text' | ||||
|   } | ||||
|   return 'password' | ||||
| }) | ||||
|  | ||||
| const rules = computed(() => { | ||||
|   return { | ||||
|     smtpConfig: { | ||||
|  | ||||
		Reference in New Issue
	
	Block a user