From d77e9440cbfa5430d0c365b30de63f8f6f2a499d Mon Sep 17 00:00:00 2001
From: Dale Nguyen <dungnq@itbox4vn.com>
Date: Mon, 15 Jan 2024 09:24:58 -0500
Subject: [PATCH] fix: calendar showcase hidden issue (#14548)

* fix: calendar showcase hidden issue

* fix linting

* simplify the solution
---
 src/app/showcase/demo/deferreddemo.ts                   | 6 +++---
 src/app/showcase/pages/landing/herosection.component.ts | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/showcase/demo/deferreddemo.ts b/src/app/showcase/demo/deferreddemo.ts
index d83d5ea7cc6..985314e51cc 100755
--- a/src/app/showcase/demo/deferreddemo.ts
+++ b/src/app/showcase/demo/deferreddemo.ts
@@ -7,9 +7,9 @@ import { Component, ElementRef, EventEmitter, Inject, Input, OnInit, Output, PLA
     imports: [CommonModule],
     template: `
         @if(!visible){
-            <div class="card">
-                <div class="deferred-demo-loading"></div>
-            </div>
+        <div class="card">
+            <div class="deferred-demo-loading"></div>
+        </div>
         } @else {
         <ng-content></ng-content>
         }
diff --git a/src/app/showcase/pages/landing/herosection.component.ts b/src/app/showcase/pages/landing/herosection.component.ts
index afcd18c7239..45295c9c546 100644
--- a/src/app/showcase/pages/landing/herosection.component.ts
+++ b/src/app/showcase/pages/landing/herosection.component.ts
@@ -43,7 +43,7 @@ import { AppConfigService } from '../../service/appconfigservice';
                 <div class="w-full xl:w-6 pt-7 xl:pt-0 hidden md:block">
                     <div class="flex">
                         <div class="flex flex-column w-6 gap-5 pt-8 pr-3">
-                            <div class="box p-4 fadein animation-duration-500">
+                            <div class="box p-4 fadein animation-duration-500 z-1">
                                 <div class="flex gap-2">
                                     <div class="w-6rem flex-shrink-0">
                                         <span class="text-secondary font-medium block mb-3">Amount</span>