MAIN

resources/views/admin/new.blade.php

@@ -3,7 +3,7 @@
     <div class=" flex flex-col items-center justify-center p-4 " dir="rtl"
          style="padding-top: 50px">
 
-        <div class="bg-white p-6 md:p-8 rounded-2xl shadow-2xl w-full max-w-sm border-t-8 border-[#16c8ce]">
+        <div class="bg-white p-6 md:p-8 rounded-2xl shadow-2xl w-[350px] max-w-sm border-t-8 border-[#16c8ce]">
 
             <div class="text-center mb-6">
                 <h1 class="text-2xl font-extrabold text-gray-800 border-b pb-2">کاربر جدید</h1>
@@ -14,7 +14,7 @@
 
                 <div>
                     <label for="name" class="block text-sm font-medium text-gray-700">اسم:</label>
-                    <input type="text" name="name" id="name"  required
+                    <input type="text" name="name" id="name" required
                            class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-cyan-500 focus:border-cyan-500 sm:text-sm transition duration-150">
                 </div>
 
@@ -41,16 +41,18 @@
 
                     <div class="w-full sm:w-1/2">
                         <label for="number" class="block text-sm font-medium text-gray-700">شماره تماس:</label>
-                        <input type="tel" name="number" id="number" placeholder=" ۰۹۱2xxxxxxx" pattern="[0-9]{11}" required
+                        <input type="tel" name="number" id="number" placeholder=" ۰۹۱2xxxxxxx" pattern="[0-9]{11}"
+                               required
                                class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-cyan-500 focus:border-cyan-500 sm:text-sm transition duration-150">
                     </div>
 
                 </div>
-
-                <button type="submit"
-                        class="col-span-2 bg-cyan-500 hover:bg-cyan-700 cursor-pointer rounded-xl border border-400 justify-self-center text-white px-2 py-1.5">
-                    ثبت اطلاعات
-                </button>
+                <div class="flex justify-center">
+                    <button type="submit"
+                            class="col-span-2 bg-cyan-500 hover:bg-cyan-700 cursor-pointer rounded-xl border border-400 justify-self-center text-white px-2 py-1.5">
+                        ثبت اطلاعات
+                    </button>
+                </div>
             </form>
         </div>