defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor input and dialog components

Browse Source
This commit is contained in:
Dede Fuji Abdul
2023-11-09 10:08:24 +07:00
parent e382cbacc0
commit 8aec877d2b
4 changed files with 258 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Input.vue
View File

@ -43,8 +43,8 @@ const switchInputType = () => {
<template>
<div :class="['relative w-full overflow-hidden rounded-lg bg-gray-50 ', className]">
<input autocomplete="off" :type="inputType" :placeholder="placeholder" :value="value"
:disabled="disabled" :readonly="readonly"
<input autocomplete="off" :type="inputType" :placeholder="placeholder" :value="value" :disabled="disabled"
:readonly="readonly"
:class="['w-full px-4 py-2 text-sm leading-6 placeholder:text-gray-400 text-gray-900 border-0 border-transparent rounded-lg outline-0 bg-gray-50 focus:outline-0 focus:border-0 focus:ring-0']" />
<span @click="switchInputType" v-if="type == 'password'"
class="absolute top-0 bottom-0 right-0 mx-3 my-auto cursor-pointer h-fit">