Fix: Corrected syntax errors in ModelUploadSection.vue

src/components/ModelUploadSection.vue

@@ -14,12 +14,14 @@
       <div class="max-w-3xl mx-auto space-y-8">
         <!-- Contact -->
         <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.firstName") }} *
             </label>
             <input v-model="firstName" type="text" required :placeholder="t('upload.firstName')"
               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.lastName") }} *
             </label>
@@ -29,19 +31,19 @@
         </div>
 
         <div class="grid sm:grid-cols-2 gap-6">
-          <div class="space-y-3">
-            <label class="flex items-center gap-2 text-sm font-medium text-foreground ml-1">
-              <Phone class="w-4 h-4 text-primary" />{{ t("upload.phone") }} *
+          <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="+382..."
-              class="w-full bg-card/50 border border-border/50 rounded-xl px-4 py-3 focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all backdrop-blur-sm" />
+              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-3">
-            <label class="flex items-center gap-2 text-sm font-medium text-foreground ml-1">
-              <Mail class="w-4 h-4 text-primary" />{{ t("upload.email") }} *
+          <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="example@mail.com"
-              class="w-full bg-card/50 border border-border/50 rounded-xl px-4 py-3 focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all backdrop-blur-sm" />
+              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>
 
@@ -71,10 +73,9 @@
 
         <!-- Quantity & Model Link -->
         <div class="grid sm:grid-cols-5 gap-6">
-          <!-- Removed global quantity -->
-          <div class="space-y-3 sm:col-span-3">
-            <label class="flex items-center gap-2 text-sm font-medium text-foreground ml-1">
-              <LinkIcon class="w-4 h-4 text-primary" />{{ t("upload.modelLink") }}
+          <div class="space-y-1.5 sm:col-span-3">
+            <label class="flex items-center gap-2 text-[10px] font-bold uppercase tracking-widest text-foreground/40 ml-1">
+              {{ t("upload.modelLink") }}
             </label>
             <input v-model="modelLink" type="url" :placeholder="t('upload.modelLinkPlaceholder')"
               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" />
@@ -82,9 +83,9 @@
         </div>
 
         <!-- Notes -->
-        <div class="space-y-3">
-          <label class="flex items-center gap-2 text-sm font-medium text-foreground ml-1">
-            <FileText class="w-4 h-4 text-primary" />{{ t("upload.notes") }}
+        <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.notes") }}
           </label>
           <textarea v-model="notes" :placeholder="t('upload.notesPlaceholder')" 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" />
@@ -119,9 +120,9 @@
         </div>
 
         <!-- Shipping Address -->
-        <div class="space-y-3">
-          <label class="flex items-center gap-2 text-sm font-medium text-foreground ml-1">
-            <MapPin class="w-4 h-4 text-primary" />{{ t("upload.shippingAddress") }} *
+        <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.shippingAddress") }} *
           </label>
           <textarea v-model="address" rows="3" required :placeholder="t('upload.addressPlaceholder')"
             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" />