Corrected Display for Created Documents

pages/createDocument/edit/[[id]].vue

@@ -2569,7 +2569,7 @@ const setRowData = async (row, service = {sellingPriceComposed: {}}, product = {
               :data="uri"
               v-if="showDocument"
               type="application/pdf"
-              class="w-full previewDocument"
+              class="w-full previewDocumentMobile"
           />
 
         </div>
@@ -2598,7 +2598,13 @@ td {
   border: 1px solid #69c350;
 }*/
 
+.previewDocumentMobile {
+  aspect-ratio: 1 / 1.414;
+
+}
+
 .previewDocument {
   height: 80vh;
+
 }
 </style>

pages/createDocument/show/[id].vue

@@ -170,22 +170,14 @@ const openEmail = () => {
   <UDashboardPanelContent>
     <object
         :data="linkedDocument.url"
-        class="h-full"
+        class="w-full previewDocumentMobile"
     />
   </UDashboardPanelContent>
-
-
-
-
-
-
-
-<!--  <DocumentDisplay
-    :document-data="dataStore.documents.find(i => i.createdDocument === itemInfo.id)"
-  />-->
-
 </template>
 
 <style scoped>
+.previewDocumentMobile {
+  aspect-ratio: 1 / 1.414;
 
+}
 </style>