From bb22e89f0d45cea0dfb830d010a74e926687e6e1 Mon Sep 17 00:00:00 2001
From: Timur Ercan <timur.ercan31@gmail.com>
Date: Tue, 24 Jan 2023 20:09:40 +0100
Subject: [PATCH] loading doc ux

---
 apps/web/components/pdf-viewer.js | 52 ++++++++++++++++++++++++++++++-
 1 file changed, 51 insertions(+), 1 deletion(-)

diff --git a/apps/web/components/pdf-viewer.js b/apps/web/components/pdf-viewer.js
index 2b86c368b..8979b512c 100644
--- a/apps/web/components/pdf-viewer.js
+++ b/apps/web/components/pdf-viewer.js
@@ -41,7 +41,7 @@ export default function PDFViewer(props) {
           ))}
         </Document>
       </div>
-      <div className="mt-10" hidden={!loading}>
+      <div className="mt-10 w-[600px]" hidden={!loading}>
         <div className="ph-item">
           <div className="ph-col-12">
             <div className="ph-picture"></div>
@@ -55,6 +55,56 @@ export default function PDFViewer(props) {
               <div className="ph-col-6 empty"></div>
               <div className="ph-col-12"></div>
             </div>
+            <div className="ph-row">
+              <div className="ph-col-6 big"></div>
+              <div className="ph-col-4 empty big"></div>
+              <div className="ph-col-2 big"></div>
+              <div className="ph-col-4"></div>
+              <div className="ph-col-8 empty"></div>
+              <div className="ph-col-6"></div>
+              <div className="ph-col-6 empty"></div>
+              <div className="ph-col-12"></div>
+            </div>
+            <div className="ph-row">
+              <div className="ph-col-6 big"></div>
+              <div className="ph-col-4 empty big"></div>
+              <div className="ph-col-2 big"></div>
+              <div className="ph-col-4"></div>
+              <div className="ph-col-8 empty"></div>
+              <div className="ph-col-6"></div>
+              <div className="ph-col-6 empty"></div>
+              <div className="ph-col-12"></div>
+            </div>
+            <div className="ph-row">
+              <div className="ph-col-6 big"></div>
+              <div className="ph-col-4 empty big"></div>
+              <div className="ph-col-2 big"></div>
+              <div className="ph-col-4"></div>
+              <div className="ph-col-8 empty"></div>
+              <div className="ph-col-6"></div>
+              <div className="ph-col-6 empty"></div>
+              <div className="ph-col-12"></div>
+            </div>
+            <div className="ph-row">
+              <div className="ph-col-6 big"></div>
+              <div className="ph-col-4 empty big"></div>
+              <div className="ph-col-2 big"></div>
+              <div className="ph-col-4"></div>
+              <div className="ph-col-8 empty"></div>
+              <div className="ph-col-6"></div>
+              <div className="ph-col-6 empty"></div>
+              <div className="ph-col-12"></div>
+            </div>
+            <div className="ph-row">
+              <div className="ph-col-6 big"></div>
+              <div className="ph-col-4 empty big"></div>
+              <div className="ph-col-2 big"></div>
+              <div className="ph-col-4"></div>
+              <div className="ph-col-8 empty"></div>
+              <div className="ph-col-6"></div>
+              <div className="ph-col-6 empty"></div>
+              <div className="ph-col-12"></div>
+            </div>
           </div>
         </div>
       </div>