.button-clear { position: absolute; top: 96px; z-index: 1; right: 41vw; } .button-help { position: absolute; top: 96px; z-index: 1; right: 35vw; } table.ti-custom-table thead { height: 50px; } table.ti-custom-table thead th span { font-size: 12px; font-weight: bold; } a.custom-link { padding: 10px 40px; /* ปรับ padding ให้เพิ่มขนาด */ } .ti-modal-content-upload{ background-color: white; width: 25%; /* ความกว้างที่คุณต้องการ */ height: 80%; position: absolute; /* ทำให้สามารถจัดตำแหน่งได้ */ top: 50%; /* ให้อยู่กลางในแนวตั้ง */ left: 50%; /* ให้อยู่กลางในแนวนอน */ transform: translate(-50%, -50%); /* เคลื่อนที่ modal กลับมาให้ตรงกลาง */ } .modal-headerupload{ display: flex; align-items: center; justify-content: center; border-bottom-width: 1px; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; } .ti-modal-center{ width: 100%; height: 45px; margin-top: 2px; } .ti-modal .ti-modal-body{ padding: 16px; padding-top: 0rem; overflow-y: 0%; } .header-title-type { width: 100%; min-height: 50px; /* ใช้ min-height เพื่อให้มีความยืดหยุ่น */ margin-top: 50px; margin-bottom: 10px; justify-content: space-between; /* จัดเรียงองค์ประกอบภายใน */ align-items: center; /* จัดกลางแนวตั้ง */ }