-scroll เมื่อ ชุดข้อมูลมากกว่า 5

accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.css

@@ -638,3 +638,9 @@
   background-size: 1.5em 1.5em;
   padding-right: 2.5rem;
 }
+
+.ledger-table.is-scrollable {
+  max-height: 25rem;
+  overflow-y: auto;
+  padding-right: 0.5rem;
+}

accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.html

@@ -118,7 +118,7 @@
         </div>
         <button class="btn btn--ghost btn--compact">ดูทั้งหมด</button>
       </div>
-      <div class="ledger-table">
+      <div class="ledger-table" [class.is-scrollable]="myActData.length > 5">
         <div class="ledger-row ledger-head">
           <span>รายการ</span>
           <span>หมวดหมู่</span>

accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.ts

@@ -261,5 +261,4 @@ export class MainDashboardComponent implements OnInit {
 
     return `conic-gradient(${segments})`;
   }
-
 }