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>
<div class="relative">
<div class="relative mb-8">
<input
:type="showPassword ? 'text' : 'password'"
:value="modelValue"
@ -16,8 +16,8 @@
@click="togglePassword"
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']" />
<font-awesome-icon v-else :icon="['fas', 'eye-slash']" />
<i v-if="showPassword" class="fas fa-eye"></i>
<i v-else class="fas fa-eye-slash"></i>
</button>
</div>
</template>

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

@ -6,7 +6,6 @@
:product="createdProduct"
@close="closeItemModal"
/>
<div class="p-6">
<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 InputSelect from "../components/InputSelect.vue";
import CreateItemModal from "../components/CreateItemModal.vue";
import Struk from "../components/Struk.vue";
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">
<!-- Logo + Title -->
<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>
<!-- Input -->
<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" />
</div>