|
|
@@ -30,9 +30,31 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <div class="grid sm:grid-cols-2 gap-6">
|
|
|
+ <div class="space-y-1.5">
|
|
|
+ <label class="flex items-center gap-2 text-[10px] font-bold uppercase tracking-widest text-foreground/40 ml-1">
|
|
|
+ {{ t("upload.email") }} *
|
|
|
+ </label>
|
|
|
+ <input v-model="email" type="email" required :placeholder="t('upload.email')"
|
|
|
+ class="w-full bg-secondary/50 border border-black/[0.03] rounded-2xl px-4 py-2.5 focus:outline-none focus:ring-4 focus:ring-primary/10 focus:border-primary transition-all text-sm font-medium" />
|
|
|
+ </div>
|
|
|
+ <div class="space-y-1.5">
|
|
|
+ <label class="flex items-center gap-2 text-[10px] font-bold uppercase tracking-widest text-foreground/40 ml-1">
|
|
|
+ {{ t("upload.phone") }} *
|
|
|
+ </label>
|
|
|
+ <input v-model="phone" type="tel" required :placeholder="t('upload.phone')"
|
|
|
+ class="w-full bg-secondary/50 border border-black/[0.03] rounded-2xl px-4 py-2.5 focus:outline-none focus:ring-4 focus:ring-primary/10 focus:border-primary transition-all text-sm font-medium" />
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <div class="space-y-1.5">
|
|
|
+ <label class="flex items-center gap-2 text-[10px] font-bold uppercase tracking-widest text-foreground/40 ml-1">
|
|
|
+ {{ t("upload.address") }} *
|
|
|
+ </label>
|
|
|
+ <textarea v-model="address" required :placeholder="t('upload.addressPlaceholder')" rows="2"
|
|
|
+ class="w-full bg-secondary/50 border border-black/[0.03] rounded-2xl px-4 py-3 focus:outline-none focus:ring-4 focus:ring-primary/10 focus:border-primary transition-all text-sm font-medium resize-none" />
|
|
|
+ </div>
|
|
|
+
|
|
|
<!-- Account Type Toggle -->
|
|
|
<div class="space-y-4 p-5 bg-secondary/30 rounded-[2rem] border border-black/[0.02]">
|
|
|
<h3 class="text-[10px] font-bold uppercase tracking-[0.2em] text-foreground/40 flex items-center gap-2 px-1">
|
unknown