From ee72ef66765748b85baaa46391b5d212aa7acebd Mon Sep 17 00:00:00 2001
From: x2Skyz <nuttakitpothong86@gmail.com>
Date: Fri, 14 Nov 2025 12:29:59 +0700
Subject: [PATCH] =?UTF-8?q?-scroll=20=E0=B9=80=E0=B8=A1=E0=B8=B7=E0=B9=88?=
 =?UTF-8?q?=E0=B8=AD=20=E0=B8=8A=E0=B8=B8=E0=B8=94=E0=B8=82=E0=B9=89?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=A1=E0=B8=B9=E0=B8=A5=E0=B8=A1=E0=B8=B2=E0=B8=81?=
 =?UTF-8?q?=E0=B8=81=E0=B8=A7=E0=B9=88=E0=B8=B2=205?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/main-dashboard/main-dashboard.component.css   | 6 ++++++
 .../component/main-dashboard/main-dashboard.component.html  | 2 +-
 .../component/main-dashboard/main-dashboard.component.ts    | 1 -
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.css b/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.css
index b101bba..70db525 100644
--- a/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.css
+++ b/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;
+}
\ No newline at end of file
diff --git a/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.html b/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.html
index b3f6dff..061614f 100644
--- a/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.html
+++ b/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>
diff --git a/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.ts b/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.ts
index 6fa28af..4c49e00 100644
--- a/accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.ts
+++ b/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})`;
   }
-
 }