css ปุ่ม

src/app/portal-manage/meeting-booking/meeting-booking.component.html

@@ -161,8 +161,7 @@
                       min="0"
                       formControlName="attendeeCount"
                       [value]="attendees.length"
-                      class="w-full px-3 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors duration-200"
-                      readonly>
+                      class="w-full px-3 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors duration-200">
                   </div>
 
                   <!-- Add Attendees -->
@@ -220,7 +219,7 @@
                 <button
                   type="submit"
                   [disabled]="!bookingForm.valid"
-                  class="w-full sm:w-auto inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-lg text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200">
+                  class="w-full sm:w-auto inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-lg text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200" style="background:linear-gradient(135deg,#3b82f6 0%,#4f46e5 100%);">
                   <i class="ri-calendar-event-line mr-2"></i>
                   จองห้องประชุม
                 </button>