ff

src/components/page/consultation/UpdateSpecialtyClinicId/UpdateSpecialtyClinicId.tsx

@@ -265,27 +265,17 @@ const UpdateSpecialtyClinicId = () => {
 
         {/* KHỐI THÔNG TIN KHÁM CHUYÊN KHOA */}
         <div className="mt-2">
-          <h3 className="mb-4 text-xs font-bold uppercase tracking-wider text-gray-500">
-            Kết quả khám chuyên khoa đảm nhận
-          </h3>
+          <div className="mb-4 flex items-center gap-3">
+            <span className="text-xs font-semibold uppercase text-slate-500">
+              Chuyên khoa tiếp nhận:
+            </span>
 
-          <div className="mb-5">
-            <InputForm
-              label="Chuyên khoa tiếp nhận"
-              name="specialtyAssignmentId"
-              type="text"
-              value={
-                selectedSpecialtyClinic
-                  ? `${selectedSpecialtyClinic.specialtyName}`
-                  : "Chưa có thông tin chuyên khoa"
-              }
-              placeholder="Thông tin chuyên khoa"
-              isRequired
-              readOnly
-            />
+            <div className="inline-flex items-center rounded-full bg-blue-50 px-4 py-2 text-sm font-semibold text-blue-700 border border-blue-200">
+              {selectedSpecialtyClinic?.specialtyName || "Chưa có thông tin"}
+            </div>
           </div>
 
-          <GridColumn col={3}>
+          <GridColumn col={isEyeClinic ? 4 : 3}>
             <InputForm
               label="Ghi chú chuyên khoa"
               name="specialtyNotes"
@@ -324,7 +314,7 @@ const UpdateSpecialtyClinicId = () => {
 
         {/* KHỐI THÔNG TIN KHÁM MẮT (Chỉ hiển thị khi là khoa mắt) */}
         {isEyeClinic && (
-          <div className="mt-2 rounded-xl border border-blue-100 bg-[#f8fafc] p-5 transition-all">
+          <div className="mt-2 rounded-xl border border-blue-100 bg-blue-50 p-4 transition-all">
             <h3 className="mb-4 text-sm font-bold uppercase tracking-wider text-blue-600">
               Chỉ định thị lực (Khoa Mắt)
             </h3>