fix: added margins

AirWalk-Digital · May 9, 2023 · 357f743 · 357f743
1 parent 2d56da0
commit 357f743
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 76 deletions.
diff --git a/pages/_app.js b/pages/_app.js
@@ -5,7 +5,7 @@ import { AnimatePresence } from "framer-motion";
 import { CurrentSlideProvider } from "../context/CurrentSlideContext";
 import { ModeProvider } from "../context/ModeContext";
 import TransitionPage from "../layouts/TransitionPage";
-import '../styles/pdf.css'
+// import '../styles/pdf.css'
 
 
 

diff --git a/public/pdf.css b/public/pdf.css
@@ -1,22 +1,26 @@
-.pagedjs_pages {
+/* .pagedjs_pages {
+    
     margin: 0 auto;
-}
+} */
+
 
 .pagedjs_page {
     background-color: white;
     box-shadow: 10px 12px 30px 0 rgba(0, 0, 0, 0.1);
-    margin: 0;
+    margin: 0in;
     flex-shrink: 0;
     flex-grow: 0;
     margin-top: 10mm;
+    margin-left: auto;
+    margin-right: auto;
 }
 
-.pagedjs_ .pagedjs_page:last-of-type {
+/* .pagedjs_ .pagedjs_page:last-of-type {
     margin-bottom: 10mm;
-}
+}  */
 
 /* show the margin-box */
-
+/* 
 .pagedjs_margin-top-left-corner-holder,
 .pagedjs_margin-top,
 .pagedjs_margin-top-left,
@@ -38,11 +42,23 @@
 .pagedjs_margin-left-middle,
 .pagedjs_margin-left-bottom {
     box-shadow: 0 0 0 1px inset var(--color-marginBox);
-}
+} */
 
 
 
 @page {
+    background: url(/logos/airwalk-logo.png) no-repeat;
+    background-position: left 30px bottom 10px;
+    background-size: 100px;
+    padding-top: 20px;
+    padding-bottom: 15px;
+    z-index: -1000;
+    size: A4;
+    margin-left: 25px;
+    margin-right: 25px;
+    margin-bottom: 50px;
+    /* width: 100%; */
+    /* counter-reset: page; */
     @top-left {
         background: #4AC7F0;
         content: '';
@@ -68,95 +84,42 @@
         vertical-align: middle;
         width: 100%;
     }
-
-    @bottom-center {
+    
+    @bottom-left {
         background: #4AC7F0;
         content: '';
+        height: .05cm;
+        opacity: .5;
+        /* text-align: center; */
+        /* width: 1cm; */
+    }
+    @bottom-center {
+        background: #4AC7F0;
+        content: 'Technology, done right.';
+        font-size: 16px;
         display: block;
         height: .05cm;
         opacity: .5;
         width: 100%;
     }
-
     @bottom-right {
         background: #4AC7F0;
         content: counter(page);
+        color: white;
         height: 1cm;
         text-align: center;
         width: 1cm;
-    }
-}
-
-@page :blank {
-    @top-left {
-        background: none;
-        content: '';
-    }
-
-    @top-center {
-        content: none;
-    }
-
-    @top-right {
-        content: none;
-    }
-}
-
-@page no-chapter {
-
-    /* @top-left {
-    background: none;
-    content: none; }
-  @top-center {
-    content: none; } */
-    @top-right {
-        content: none;
-    }
-}
-
-/* @page :first {
-    background: url(./backgrounds/cover.jpg) no-repeat;
-    background-size: cover;
-    margin: 0;
-} */
-
-@page {
-    /* background: url(../../../../airwalk/Airwalk-Logo-Blue.png) no-repeat; */
-    /* background: url(./logo.png) no-repeat; */
-    background-position: left -10px bottom -60px;
-    background-size: 140px;
-    padding-top: 20px;
-    padding-bottom: 15px;
-    z-index: -1000;
-    size: A4;
-    counter-reset: page;
-
-    /* Increment the page counter for each page */
-    @bottom-right {
-        counter-increment: page;
-    }
-}
-
-@page chapter {
-    background: #002b3d;
-    margin: 0;
-
-    /* @top-left {
-    content: none; }
-  @top-center {
-    content: none; } */
-    @top-right {
-        content: none;
+        /* counter-increment: page; */
     }
 }
 
 /* Add the page counter to the pagedjs_margin-bottom-right-corner-holder */
-.pagedjs_margin-content::after {
+/* .pagedjs_margin-content::after {
     content: "Page " counter(page);
     position: relative;
     bottom: 0;
     right: 0;
     font-size: 46px;
     padding: 5px;
     color: red;
-}
+} */