Form width fixed

public/css/app.css

@@ -746,12 +746,12 @@ select {
 .mt-3 {
   margin-top: 0.75rem;
 }
-.mt-6 {
-  margin-top: 1.5rem;
-}
 .mb-4 {
   margin-bottom: 1rem;
 }
+.mt-6 {
+  margin-top: 1.5rem;
+}
 .block {
   display: block;
 }
@@ -806,6 +806,9 @@ select {
 .w-auto {
   width: auto;
 }
+.w-96 {
+  width: 24rem;
+}
 .w-4 {
   width: 1rem;
 }
@@ -824,6 +827,9 @@ select {
 .max-w-6xl {
   max-width: 72rem;
 }
+.max-w-xl {
+  max-width: 36rem;
+}
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -924,6 +930,9 @@ select {
 .border-l-4 {
   border-left-width: 4px;
 }
+.border-r {
+  border-right-width: 1px;
+}
 .border-gray-300 {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
@@ -943,6 +952,10 @@ select {
   --tw-border-opacity: 1;
   border-color: rgb(129 140 248 / var(--tw-border-opacity));
 }
+.border-gray-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity));
+}
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1078,6 +1091,9 @@ select {
 .tracking-widest {
   letter-spacing: 0.1em;
 }
+.tracking-wider {
+  letter-spacing: 0.05em;
+}
 .text-gray-500 {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
@@ -1114,6 +1130,14 @@ select {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity));
+}
+.text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity));
+}
 .text-green-600 {
   --tw-text-opacity: 1;
   color: rgb(22 163 74 / var(--tw-text-opacity));
@@ -1134,22 +1158,6 @@ select {
   --tw-text-opacity: 1;
   color: rgb(79 70 229 / var(--tw-text-opacity));
 }
-.text-green-500 {
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity));
-}
-.text-green-200 {
-  --tw-text-opacity: 1;
-  color: rgb(187 247 208 / var(--tw-text-opacity));
-}
-.text-green-700 {
-  --tw-text-opacity: 1;
-  color: rgb(21 128 61 / var(--tw-text-opacity));
-}
-.text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity));
-}
 .underline {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
@@ -9062,14 +9070,14 @@ readers do not read off random characters that represent icons */
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity));
 }
-.hover\:text-gray-800:hover {
-  --tw-text-opacity: 1;
-  color: rgb(31 41 55 / var(--tw-text-opacity));
-}
 .hover\:text-gray-900:hover {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
+.hover\:text-gray-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(31 41 55 / var(--tw-text-opacity));
+}
 .focus\:z-10:focus {
   z-index: 10;
 }

resources/views/admin/users/create.blade.php

@@ -9,7 +9,16 @@
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
             <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                 <div class="p-6 bg-white border-b border-gray-200">
-
+                    <div class="w-96 mx-auto">
+                        @if ($errors->any())
+                        <div class="alert alert-danger text-red-500 p-2">
+                            <ul class="list-unstyled alert alert-danger">
+                                @foreach ($errors->all() as $error)
+                                <li>{{ $error }}</li>
+                                @endforeach
+                            </ul>
+                        </div>
+                        @endif
                         <form method="POST" action="{{ route('users.store') }}">
                             @csrf
                             <!-- User name -->
@@ -57,4 +66,5 @@
                 </div>
             </div>
         </div>
+    </div>
 </x-app-layout>

resources/views/admin/users/edit.blade.php

@@ -9,7 +9,16 @@
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
             <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                 <div class="p-6 bg-white border-b border-gray-200">
-                    <x-auth-validation-errors class="mb-4" :errors="$errors" />
+                    <div class="w-96 mx-auto">
+                        @if ($errors->any())
+                        <div class="alert alert-danger text-red-500 p-2">
+                            <ul class="list-unstyled alert alert-danger">
+                                @foreach ($errors->all() as $error)
+                                <li>{{ $error }}</li>
+                                @endforeach
+                            </ul>
+                        </div>
+                        @endif
                         <form method="POST" action="{{ route('users.update', $user->id) }}">
                             @csrf
                             @method('PUT')
@@ -51,4 +60,5 @@
                 </div>
             </div>
         </div>
+    </div>
 </x-app-layout>

resources/views/admin/users/show.blade.php

@@ -9,7 +9,7 @@
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
             <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                 <div class="p-6 bg-white border-b border-gray-200">
-
+                    <div class="w-96 mx-auto">
                         <!-- <form method="POST" action="{{ route('users.store') }}"> -->
                         <!-- @csrf -->
                         <!-- User name -->
@@ -50,4 +50,5 @@
                 </div>
             </div>
         </div>
+    </div>
 </x-app-layout>

resources/views/projects/create.blade.php

@@ -9,6 +9,7 @@
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
             <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                 <div class="p-6 bg-white border-b border-gray-200">
+                    <div class="w-96 mx-auto">
                         @if ($errors->any())
                         <div class="alert alert-danger text-red-500 p-2">
                             <ul class="list-unstyled alert alert-danger">
@@ -51,4 +52,5 @@
                 </div>
             </div>
         </div>
+    </div>
 </x-app-layout>

resources/views/projects/list.blade.php

@@ -52,7 +52,7 @@
                             </tr>
                             @empty
                             <tr>
-                                <td colspan="3">No Projects!</td>
+                                <td colspan="4" class="p-2 border border-gray-200 text-center">No Projects!</td>
                             </tr>
                             @endforelse
                         </table>