scss

src/app/portal-manage/dashboard-management/dashboard-viewer/dashboard-viewer.component.html

@@ -8,9 +8,9 @@
 </div>
 
 <!-- Dashboard Viewer Container - Clean Layout -->
-<div *ngIf="dashboardData" class="viewer-container-clean">
+<div *ngIf="dashboardData" class="dashboard-content-card">
   <!-- Dashboard Content Only -->
-  <div class="viewer-content-clean">
+  <div class="dashboard-layout-container">
     <ejs-dashboardlayout
       id="dashboard_default"
       #editLayout
@@ -19,8 +19,6 @@
       [columns]="columns"
       [allowResizing]="false"
       [allowDragging]="false"
-      [allowFloating]="false"
-      [showGridLines]="false"
       class="dashboard-layout"
     >
       <e-panels>
@@ -32,18 +30,15 @@
           [sizeX]="panel.sizeX"
           [sizeY]="panel.sizeY"
           [id]="panel.id + '-' + panel.row + '-' + panel.col"
-          class="widget-panel-clean"
         >
           <ng-template #header>
             <!-- No header -->
           </ng-template>
           <ng-template #content>
-            <div class="widget-content-clean">
-              <ng-container
-                [ngComponentOutlet]="panel.componentType"
-                [ngComponentOutletInputs]="panel.componentInputs"
-              ></ng-container>
-            </div>
+            <ng-container
+              [ngComponentOutlet]="panel.componentType"
+              [ngComponentOutletInputs]="panel.componentInputs"
+            ></ng-container>
           </ng-template>
         </e-panel>
       </e-panels>