widget

src/app/layout-widjet/layout-widjet.component.css

-body, html {
-  margin: 0;
-  padding: 0;
-  height: 200%;
+body,
+html {
+  overflow-y: auto !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  /* height: 200%; */
 }

src/app/layout-widjet/layout-widjet.component.ts

-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { ServicesComponent } from '../services/services.component';
 import { Service, WidjetService } from '../services/widjet.service';
 import { CommonModule } from '@angular/common';
@@ -9,7 +9,8 @@ import { ActivatedRoute } from '@angular/router';
   standalone: true,
   imports: [CommonModule, ServicesComponent],
   templateUrl: './layout-widjet.component.html',
-  styleUrls: ['./layout-widjet.component.css']
+  styleUrls: ['./layout-widjet.component.css'],
+  encapsulation: ViewEncapsulation.None
 })
 export class LayoutWidjetComponent implements OnInit {
   appName = ""

src/app/services/widjet.service.ts

@@ -40,7 +40,7 @@ export class WidjetService {
         dataModel: "ss",
         dataSoure: "sss",
         api: "",
-        width: 6,
+        width: 12,
         heigth: "",
         tag: ""
       },
@@ -51,7 +51,7 @@ export class WidjetService {
         dataModel: "ss",
         dataSoure: "sss",
         api: "",
-        width: 6,
+        width: 12,
         heigth: "",
         tag: ""
       },
@@ -62,7 +62,7 @@ export class WidjetService {
         dataModel: "ss",
         dataSoure: "sss",
         api: "select data",
-        width: 3,
+        width: 12,
         heigth: "",
         tag: ""
       },
@@ -73,7 +73,7 @@ export class WidjetService {
         dataModel: "4444",
         dataSoure: "2312",
         api: "https://hrplus.myhr.co.th/hr/taapi/leave/statistic?yearId=2024",
-        width: 3,
+        width: 12,
         heigth: "",
         tag: ""
       },
@@ -84,7 +84,7 @@ export class WidjetService {
         dataModel: "4444",
         dataSoure: "2312",
         api: "https://hrplus.myhr.co.th/hr/taapi/leave/statistic?yearId=2024",
-        width: 3,
+        width: 12,
         heigth: "",
         tag: ""
       },
@@ -95,7 +95,7 @@ export class WidjetService {
         dataModel: "4444",
         dataSoure: "2312",
         api: "https://hrplus.myhr.co.th/hr/taapi/leave/statistic?yearId=2024",
-        width: 3,
+        width: 12,
         heigth: "",
         tag: ""
       }