ทการจัดการข้อมูลองค์กร > ทะเบียนบริษัท > สาขาและหน่วยธุรกิจ > ทะเบียนฝ่าย

src/app/components/company-components/company-registration/branch-business-unit/branch-business-unit.component.html

@@ -32,7 +32,7 @@
             ส่วนย่อย4
         </a>
     </nav>
-    <div style="padding-top: 50px;">
+    <div class="pt-50px">
         <div id="card-type-1" role="tabpanel" aria-labelledby="card-type-item-1">
             <app-department-register></app-department-register>
         </div>

src/app/components/company-components/company-registration/branch-business-unit/department-register/department-register.component.html

-<div class="header-title-type">
+<div class="w-full min-height-50px mb-10px justify-between items-center">
     <div class="flex justify-between">
         <div class="flex pr-2">
             <!-- Content ของ div แรก -->
@@ -53,13 +53,13 @@
 <div class="page px-rem">
     <div class="overflow-auto rounded-top-0.65rem">
         <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
-            <thead>
-                <tr>
+            <thead class="height-50px">
+                <tr class="font-size-12px">
                     <ng-container
                         *ngFor="let item of ['ลำดับ','รหัสฝ่าย','รายละเอียดฝ่าย (ไทย)','รายละเอียดฝ่าย (อังกฤษ)','การจัดการ']; let f = first; let l = last">
                         <th scope="col" class="relative px-10px py-10px bg-soft-secondary text-primary"
                             [class.!text-center]="f||l">
-                            <span class="!text-sm">{{ item }}</span>
+                            <span class="font-size-12px font-weight-700">{{ item }}</span>
                             <div class="absolute top-1/2 transform -translate-y-1/2 right-0" *ngIf="!l">
                                 <i class="ti ti-dots-vertical fs-l"></i>
                             </div>
@@ -142,8 +142,8 @@
                     </button>
                 </div>
             </div>
-            <div class="ti-modal-center">
-                <div class="flex justify-end" style="padding-right: 1rem;">
+            <div class="w-full h-45px margin-top-2px">
+                <div class="flex justify-end pr-1rem">
                     <div class="px-1">
                         <button type="button" class="ti-btn ti-btn-soft-indigo h-45px m-0 shadow-md">
                             <svg class="svg-indigo" width="16" height="16" viewBox="0 0 64.00 64.00"
@@ -169,7 +169,7 @@
                     </div>
                 </div>
             </div>
-            <div class="ti-modal-body ">
+            <div class="padding-16px pt-0 overflow-y-0">
                 <label for="input-label" class="ti-form-label mt-2rem">ฝ่าย</label>
                 <input type="text" id="input-label" class="ti-form-input w-1/2" [(ngModel)]="bu1.bu1id">
                 <label for="detail_th" class="ti-form-label mt-2rem">รายละเอียดฝ่าย (ไทย)</label>
@@ -208,7 +208,7 @@
                 </div>
             </div>
             <div class="ti-modal-center">
-                <div class="flex justify-end" style="padding-right: 1rem;">
+                <div class="flex justify-end" class="pr-1rem">
                     <div class="px-1">
                         <button type="button" class="ti-btn ti-btn-soft-indigo h-45px m-0 shadow-md">
                             <svg class="svg-indigo" width="16" height="16" viewBox="0 0 64.00 64.00"

src/app/components/company-components/company-registration/branch-business-unit/department-register/department-register.component.scss

-.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;
-}
-.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-bottom: 10px;
-  justify-content: space-between; /* จัดเรียงองค์ประกอบภายใน */
-  align-items: center; /* จัดกลางแนวตั้ง */
-}
\ No newline at end of file

src/assets/css/style.css

@@ -24746,4 +24746,20 @@ div:where(.swal2-container) div:where(.swal2-validation-message) {
 
 [data-hs-tab].active.hs-tab-active\:font-weight-700 {
   font-weight: 700;
+}
+
+.height-50px{
+  height: 50px;
+}
+.margin-top-2px{
+  margin-top:2px;
+}
+.padding-16px{
+  padding: 16px;
+}
+.overflow-y-0{
+  overflow-y: 0%;
+}
+.min-height-50px{
+  min-height: 50px
 }
\ No newline at end of file