From fc6c4a214a77d0770ee278a103b82a30b609aefd Mon Sep 17 00:00:00 2001
From: Farhaan4 <127176994+Farhaan4@users.noreply.github.com>
Date: Mon, 27 Oct 2025 10:00:46 +0700
Subject: [PATCH] form ultah prem

---
 proyek-frontend/app/pages/form/ulang_tahun/premium.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/proyek-frontend/app/pages/form/ulang_tahun/premium.vue b/proyek-frontend/app/pages/form/ulang_tahun/premium.vue
index a248f99..ffd388b 100644
--- a/proyek-frontend/app/pages/form/ulang_tahun/premium.vue
+++ b/proyek-frontend/app/pages/form/ulang_tahun/premium.vue
@@ -88,9 +88,10 @@
               <div class="relative">
                 <input v-model="form.form[field.key]" placeholder=" " required class="peer w-full border border-gray-300 rounded-lg px-2.5 pt-4 pb-1.5 text-sm
             focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition" />
-                <label class="absolute left-2 text-gray-400 transition-all
-            peer-placeholder-shown:top-3.5 peer-placeholder-shown:text-sm
-            peer-focus:top-0 peer-focus:text-[10px] peer-focus:text-blue-500">
+                <label class="absolute left-1 top-0 text-gray-400 text-xs transition-all
+               peer-placeholder-shown:top-4 peer-placeholder-shown:left-2 peer-placeholder-shown:text-gray-400 peer-placeholder-shown:text-sm
+               peer-focus:top-0 peer-focus:left-1 peer-focus:text-[10px] peer-focus:text-blue-500
+               peer-valid:top-0 peer-valid:left-1 peer-valid:text-[10px] peer-valid:text-gray-500">
                   {{ field.label }}
                 </label>
               </div>