overflow

benchtop-fe/jest.config.json

@@ -0,0 +1,4 @@
+{
+  "bail": 1,
+  "verbose": true
+}

benchtop-fe/src/components/PDF/PDF.vue

@@ -6,7 +6,7 @@
     </button>
     <br>
     <br>
-    <div :class="{ hide: hide }" class="px666">
+    <div :class="{ hide: hide }" class="px666 scroll-pdf">
       <div v-for="table of tables">
         <div id="pdf" ref="document">
           <div class="header">
@@ -95,10 +95,10 @@
           <br/>
           <!-- End InstrumentInfo -->
           <!-- As Found -->
-          <ReadingTable />
+          <ReadingTable :as_found="table.as_found" />
           <br/>
           <!-- As Left -->
-          <ReadingTable />
+          <ReadingTable :as_left="table.as_left" />
           <!-- End Instruments-->
           <div class="box">
             <p>
@@ -223,7 +223,7 @@ const output = () => {
     }
   }
 
-  return tables
+  // return tables
 }
 
 

benchtop-fe/src/components/PDF/ReadingTable.vue

@@ -96,10 +96,13 @@
     </table>
   </div>
 </template>
-<script>
+<script setup>
-export default {
+import {defineProps, ref} from "vue";
-  name: 'ReadingTable'
+
-}
+const props = defineProps({
+  as_found: Object,
+  as_left: Object,
+});
 </script>
 <style scoped>
 @media print {

benchtop-fe/src/components/Sheet.vue

@@ -126,6 +126,6 @@ const emits = defineEmits([
 <style scoped>
 body {
   margin: 1rem;
-  background: url("/public/funky-lines.webp");
+  background: url("/funky-lines.webp");
 }
 </style>

benchtop-fe/src/style.css

@@ -1,6 +1,6 @@
 body {
   margin: 1rem;
-  background: url("/public/funky-lines.webp");
+  background: url("/funky-lines.webp");
 }
 
 .card {
@@ -93,4 +93,9 @@ h3 {
 
 .px666 {
   width: 666px;
+}
+
+.scroll-pdf {
+  height: 90vh;
+  overflow: scroll;
 }