DocumentDisplay On Mobile

components/DocumentDisplayModal.vue

@@ -171,7 +171,7 @@ const moveFile = async () => {
 
       </template>
       <div class="flex flex-row">
-        <div class="w-1/3">
+        <div :class="useCapacitor().getIsNative() ? ['w-full'] : ['w-1/3']">
           <object
               class="bigPreview"
               :data="`${props.documentData.url}#toolbar=0&navpanes=0&scrollbar=0`"
@@ -186,7 +186,7 @@ const moveFile = async () => {
               v-else
           />
         </div>
-        <div class="w-2/3 p-5">
+        <div class="w-2/3 p-5" v-if="!useCapacitor().getIsNative()">
           <UButtonGroup>
             <ArchiveButton
                 color="rose"