Magang-2025/Kasir
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Login Page, Input password field

Browse Source
This commit is contained in:
adityaalfarison 2025-09-03 11:49:06 +07:00
parent 396baa6444
commit bdf3a72c15
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/js/components/InputPassword.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="relative"> <div class="relative mb-8">
<input <input
:type="showPassword ? 'text' : 'password'" :type="showPassword ? 'text' : 'password'"
:value="modelValue" :value="modelValue"
@ -16,8 +16,8 @@
@click="togglePassword" @click="togglePassword"
class="absolute inset-y-0 right-0 pr-3 flex items-center text-gray-500 hover:text-gray-700 focus:outline-none" class="absolute inset-y-0 right-0 pr-3 flex items-center text-gray-500 hover:text-gray-700 focus:outline-none"
> >
<font-awesome-icon v-if="showPassword" :icon="['fas', 'eye']" /> <i v-if="showPassword" class="fas fa-eye"></i>
<font-awesome-icon v-else :icon="['fas', 'eye-slash']" /> <i v-else class="fas fa-eye-slash"></i>
</button> </button>
</div> </div>
</template> </template>

2
resources/js/pages/InputProduk.vue
View File

@ -6,7 +6,6 @@
:product="createdProduct" :product="createdProduct"
@close="closeItemModal" @close="closeItemModal"
/> />
<div class="p-6"> <div class="p-6">
<p class="font-serif italic text-[25px] text-D">Produk Baru</p> <p class="font-serif italic text-[25px] text-D">Produk Baru</p>
@ -130,6 +129,7 @@ import mainLayout from "../layouts/mainLayout.vue";
import InputField from "../components/InputField.vue"; import InputField from "../components/InputField.vue";
import InputSelect from "../components/InputSelect.vue"; import InputSelect from "../components/InputSelect.vue";
import CreateItemModal from "../components/CreateItemModal.vue"; import CreateItemModal from "../components/CreateItemModal.vue";
import Struk from "../components/Struk.vue";
const router = useRouter(); const router = useRouter();

4
resources/js/pages/Login.vue
View File

@ -3,12 +3,12 @@
<div class="bg-white p-8 rounded-2xl shadow-xl w-80 text-center"> <div class="bg-white p-8 rounded-2xl shadow-xl w-80 text-center">
<!-- Logo + Title --> <!-- Logo + Title -->
<div class="mb-6"> <div class="mb-6">
<img :src="logo" alt="Logo" class="mx-auto w-24"> <img :src="logo" alt="Logo" class="mx-auto w-34 py-5">
</div> </div>
<!-- Input --> <!-- Input -->
<div> <div>
<InputField v-model="username" type="text" placeholder="Username" /> <InputField v-model="username" type="text" placeholder="Username"class="mb-4"/>
<PasswordInput v-model="password" placeholder="Password" /> <PasswordInput v-model="password" placeholder="Password" />
</div> </div>