Fixes:

- [x] Ipad landscape in teams missing heads widget
- [x] Ipad portrait (sm) full screen mode
- [x] Ipad landscape add file handler button
- [x] In recent upload, shared items and trash is search instead spotlight text button
- [x] Dissapearing mobile context menu animation is buggy
- [x] Fileitemgrid in single shared item refactoring
- [x] Ipad landscape add eye icon to show info details list/grid

resources/js/views/Shared/SharedSingleFile.vue

@@ -1,10 +1,14 @@
 <template>
-    <div id="single-file">
-        <div class="single-file-wrapper">
-<!--			TODO: fix-->
-<!--            <FileItemGrid v-if="sharedFile" :item="sharedFile.data.attributes" :context-menu="false"/>-->
+    <div class="h-screen flex justify-center items-center">
+        <div>
+			<ItemGrid
+				v-if="sharedFile"
+				:entry="sharedFile"
+				:highlight="true"
+				:mobile-handler="true"
+			/>
 
-            <ButtonBase @click.native="download" class="download-button" button-style="theme">
+            <ButtonBase @click.native="download" button-style="theme">
                 {{ $t('page_shared.download_file') }}
             </ButtonBase>
         </div>
@@ -13,12 +17,14 @@
 
 <script>
     import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import {mapGetters} from "vuex";
+	import ItemGrid from "../../components/FilesView/ItemGrid"
+    import {mapGetters} from "vuex"
 
     export default {
         name: 'SharedSingleItem',
         components: {
             ButtonBase,
+			ItemGrid,
         },
         computed: {
             ...mapGetters([
@@ -41,42 +47,4 @@
             }
         }
     }
-</script>
-
-<style lang="scss">
-    #single-file {
-        position: absolute;
-        bottom: 0;
-        right: 0;
-        left: 0;
-        top: 0;
-        display: grid;
-        height: 100%;
-
-        .single-file-wrapper {
-            margin: auto;
-            text-align: center;
-
-            .download-button {
-                margin-top: 15px;
-                margin-left: auto;
-                margin-right: auto;
-            }
-        }
-
-        /deep/ .file-wrapper {
-
-            .file-item {
-                width: 290px;
-
-                &:hover, &.is-clicked {
-                    background: transparent;
-                }
-
-                .item-shared {
-                    display: none;
-                }
-            }
-        }
-    }
-</style>
+</script>