From ce846cc076a732ab35a56e5bdb76a9aa3d7cec21 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=8Carodej?= <peterpapp@makingcg.com>
Date: Fri, 29 Oct 2021 11:43:55 +0200
Subject: [PATCH] Teams mobile implementation

---
 public/mix-manifest.json                      | 86 +++++++++++++------
 .../components/FilesView/DesktopToolbar.vue   |  2 +-
 .../FilesView/FileActionsMobile.vue           |  2 +-
 .../FilesView/MobileTeamContextMenu.vue       | 24 ++++++
 .../js/components/FilesView/MobileToolbar.vue | 78 ++++++-----------
 .../Teams/Components/TeamMembersButton.vue    |  9 +-
 .../Teams/Components/TeamMembersPreview.vue   |  2 +-
 resources/js/helpers/functionHelpers.js       |  5 ++
 resources/js/views/FileView/SharedWithMe.vue  | 15 +++-
 resources/js/views/FileView/TeamFolders.vue   | 17 +++-
 tailwind.config.js                            |  1 -
 11 files changed, 152 insertions(+), 89 deletions(-)
 create mode 100644 resources/js/components/FilesView/MobileTeamContextMenu.vue

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 37cfe7da..0df11ebc 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -38,15 +38,15 @@
     "/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=6c86916c6c6f679fa86b",
     "/chunks/email-verified.js": "/chunks/email-verified.js?id=cfe3c4040260640f485d",
     "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=df7397408805a1cc93fa",
-    "/chunks/files.js": "/chunks/files.js?id=b5a3adaa6057e4cdba19",
+    "/chunks/files.js": "/chunks/files.js?id=416485134291ef32e422",
     "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js?id=d0a2e05e3e243b2e2c4e",
-    "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js?id=81e2e54e33be04a6540e",
+    "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js?id=8e241c6ed301c2260282",
     "/chunks/files~chunks/shared-with-me~chunks/shared/files~chunks/team-folders.js": "/chunks/files~chunks/shared-with-me~chunks/shared/files~chunks/team-folders.js?id=4b8864f9265f55f61cf7",
     "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=533962a06f477f6e046b",
     "/chunks/homepage.js": "/chunks/homepage.js?id=b89dd81804b8a0bd3f0b",
     "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=58ab6cbdd635cf1a1214",
     "/chunks/invitation.js": "/chunks/invitation.js?id=0d2837e20976a4677d5c",
-    "/chunks/invoices.js": "/chunks/invoices.js?id=d1e2c5263790c64085d9",
+    "/chunks/invoices.js": "/chunks/invoices.js?id=fe45319300d75d185b81",
     "/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=40883f96214d6c29095e",
     "/chunks/not-found.js": "/chunks/not-found.js?id=3b8341b600865315cff5",
     "/chunks/page-edit.js": "/chunks/page-edit.js?id=436e329c2ec932cd6873",
@@ -59,7 +59,7 @@
     "/chunks/plans.js": "/chunks/plans.js?id=6fca685daa45f22e4c8f",
     "/chunks/platform.js": "/chunks/platform.js?id=c3c68625fbd7ed182f4a",
     "/chunks/platform~chunks/settings-subscription~chunks/shared~chunks/user-subscription.js": "/chunks/platform~chunks/settings-subscription~chunks/shared~chunks/user-subscription.js?id=8656b69a97cace919251",
-    "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=b6adf930d1b6226be038",
+    "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=54df760a25777f9c04a7",
     "/chunks/profile.js": "/chunks/profile.js?id=0638997b77c6f1246062",
     "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=58edfb3a35062e1ba4e0",
     "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=dd562240fff9f6e2260a",
@@ -74,9 +74,9 @@
     "/chunks/settings~chunks/settings-password.js": "/chunks/settings~chunks/settings-password.js?id=e67e12955133c57194d1",
     "/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=651d5accf401908724c5",
     "/chunks/shared.js": "/chunks/shared.js?id=6230d050545cd1bd9b87",
-    "/chunks/shared-with-me.js": "/chunks/shared-with-me.js?id=33766e7a9a3f97bd9ab9",
+    "/chunks/shared-with-me.js": "/chunks/shared-with-me.js?id=37e4cabcb39adc40e17d",
     "/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=8b9ac9ed9afd8dd15229",
-    "/chunks/shared/files.js": "/chunks/shared/files.js?id=28b058da609faafd2f02",
+    "/chunks/shared/files.js": "/chunks/shared/files.js?id=88de7f01b50068f2da58",
     "/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=35b569b513aa5102d61e",
     "/chunks/sign-in.js": "/chunks/sign-in.js?id=229e1a8b99558b316f44",
     "/chunks/sign-up.js": "/chunks/sign-up.js?id=eaf0d6ea279134fb8319",
@@ -84,7 +84,7 @@
     "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=0506045df0785350b1e3",
     "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=6c93560e75087f4adbe7",
     "/chunks/subscription-service.js": "/chunks/subscription-service.js?id=3e6aa30a7f2e8a321dad",
-    "/chunks/team-folders.js": "/chunks/team-folders.js?id=6a74f33a137aa020726f",
+    "/chunks/team-folders.js": "/chunks/team-folders.js?id=929478149a7d966edffb",
     "/chunks/trash.js": "/chunks/trash.js?id=5ca5bdb09de0a5de3f05",
     "/chunks/upgrade-billing.js": "/chunks/upgrade-billing.js?id=f0b33c0540fd6c6ef8d6",
     "/chunks/upgrade-billing~chunks/upgrade-plan.js": "/chunks/upgrade-billing~chunks/upgrade-plan.js?id=f59d97c1cbf6649b7057",
@@ -101,23 +101,57 @@
     "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~24b428d3.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~24b428d3.js?id=ee89932f7ee76e74483e",
     "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~b505e62a.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~b505e62a.js?id=8163e0eab55c50f8afb8",
     "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js": "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js?id=37ce1e1ab9968c100712",
-    "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=5833dc6071076ae6a2e1",
-    "/chunks/platform~chunks/shared.2818558ea0c04f0017d7.hot-update.js": "/chunks/platform~chunks/shared.2818558ea0c04f0017d7.hot-update.js",
-    "/chunks/platform~chunks/shared.2845fb20c19b2822adcd.hot-update.js": "/chunks/platform~chunks/shared.2845fb20c19b2822adcd.hot-update.js",
-    "/chunks/platform~chunks/shared.4effbf5eedb3b20b69a4.hot-update.js": "/chunks/platform~chunks/shared.4effbf5eedb3b20b69a4.hot-update.js",
-    "/chunks/platform~chunks/shared.2d209b8827b4c73b36ea.hot-update.js": "/chunks/platform~chunks/shared.2d209b8827b4c73b36ea.hot-update.js",
-    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.f22daf45be6430b72ada.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.f22daf45be6430b72ada.hot-update.js",
-    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f22daf45be6430b72ada.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f22daf45be6430b72ada.hot-update.js",
-    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.95008f85647dc78591bc.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.95008f85647dc78591bc.hot-update.js",
-    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0ae474301c781aa0e8c9.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0ae474301c781aa0e8c9.hot-update.js",
-    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.ecaa5aa97ef54eb36aa6.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.ecaa5aa97ef54eb36aa6.hot-update.js",
-    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.c233dcdaf968654d8b35.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.c233dcdaf968654d8b35.hot-update.js",
-    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.3f11064980d0c4775433.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.3f11064980d0c4775433.hot-update.js",
-    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.3f11064980d0c4775433.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.3f11064980d0c4775433.hot-update.js",
-    "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.3f11064980d0c4775433.hot-update.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.3f11064980d0c4775433.hot-update.js",
-    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.a58b4a130cb049756cdf.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.a58b4a130cb049756cdf.hot-update.js",
-    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.d02c0cd0d3ccca5da101.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.d02c0cd0d3ccca5da101.hot-update.js",
-    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.9311c8d5db18eae2a224.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.9311c8d5db18eae2a224.hot-update.js",
-    "/chunks/platform~chunks/shared.ad9db025202bcc9d0826.hot-update.js": "/chunks/platform~chunks/shared.ad9db025202bcc9d0826.hot-update.js",
-    "/chunks/admin~chunks/platform~chunks/settings.459fb56b6af2834491ff.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.459fb56b6af2834491ff.hot-update.js"
+    "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=a0fa80db175709ba340a",
+    "/chunks/platform~chunks/shared.0379936ae68015362f7c.hot-update.js": "/chunks/platform~chunks/shared.0379936ae68015362f7c.hot-update.js",
+    "/chunks/platform~chunks/shared.1b7d0d5d1f37a98a7eca.hot-update.js": "/chunks/platform~chunks/shared.1b7d0d5d1f37a98a7eca.hot-update.js",
+    "/chunks/platform~chunks/shared.6a0f10b4fe594256146e.hot-update.js": "/chunks/platform~chunks/shared.6a0f10b4fe594256146e.hot-update.js",
+    "/chunks/platform~chunks/shared.c6f7d9641bdf425b884b.hot-update.js": "/chunks/platform~chunks/shared.c6f7d9641bdf425b884b.hot-update.js",
+    "/chunks/platform~chunks/shared.efe69456253d9f48cbb2.hot-update.js": "/chunks/platform~chunks/shared.efe69456253d9f48cbb2.hot-update.js",
+    "/chunks/platform~chunks/shared.d626819ba020394ea8c1.hot-update.js": "/chunks/platform~chunks/shared.d626819ba020394ea8c1.hot-update.js",
+    "/chunks/platform~chunks/shared.cb5c69c232cd07f3faa7.hot-update.js": "/chunks/platform~chunks/shared.cb5c69c232cd07f3faa7.hot-update.js",
+    "/chunks/platform~chunks/shared.a2cbf3f7fc55e4d797bd.hot-update.js": "/chunks/platform~chunks/shared.a2cbf3f7fc55e4d797bd.hot-update.js",
+    "/chunks/platform~chunks/shared.f2d7a2fc2b3d1f8e6c60.hot-update.js": "/chunks/platform~chunks/shared.f2d7a2fc2b3d1f8e6c60.hot-update.js",
+    "/chunks/platform~chunks/shared.9b78f526775ecf58338d.hot-update.js": "/chunks/platform~chunks/shared.9b78f526775ecf58338d.hot-update.js",
+    "/chunks/platform~chunks/shared.829cba1cedd03beceef6.hot-update.js": "/chunks/platform~chunks/shared.829cba1cedd03beceef6.hot-update.js",
+    "/chunks/platform~chunks/shared.61fb299734816c9e2672.hot-update.js": "/chunks/platform~chunks/shared.61fb299734816c9e2672.hot-update.js",
+    "/chunks/platform~chunks/shared.fbba341509104f813d3b.hot-update.js": "/chunks/platform~chunks/shared.fbba341509104f813d3b.hot-update.js",
+    "/chunks/platform~chunks/shared.2d1d57b297aa2963268e.hot-update.js": "/chunks/platform~chunks/shared.2d1d57b297aa2963268e.hot-update.js",
+    "/chunks/platform~chunks/shared.8930d129ad08c6eebda5.hot-update.js": "/chunks/platform~chunks/shared.8930d129ad08c6eebda5.hot-update.js",
+    "/chunks/platform~chunks/shared.e69da159cb77e10c82da.hot-update.js": "/chunks/platform~chunks/shared.e69da159cb77e10c82da.hot-update.js",
+    "/chunks/platform~chunks/shared.2362f70e8794259dde8c.hot-update.js": "/chunks/platform~chunks/shared.2362f70e8794259dde8c.hot-update.js",
+    "/chunks/platform~chunks/shared.a1bb6872acf23d1c8840.hot-update.js": "/chunks/platform~chunks/shared.a1bb6872acf23d1c8840.hot-update.js",
+    "/chunks/platform~chunks/shared.d0aebb4b27f457d1f001.hot-update.js": "/chunks/platform~chunks/shared.d0aebb4b27f457d1f001.hot-update.js",
+    "/chunks/platform~chunks/shared.e5cf88ab65e1c6642ee1.hot-update.js": "/chunks/platform~chunks/shared.e5cf88ab65e1c6642ee1.hot-update.js",
+    "/chunks/platform~chunks/shared.1bb5f650d24ddf004fd0.hot-update.js": "/chunks/platform~chunks/shared.1bb5f650d24ddf004fd0.hot-update.js",
+    "/chunks/platform~chunks/shared.ffb7be627d6ec1ce1adf.hot-update.js": "/chunks/platform~chunks/shared.ffb7be627d6ec1ce1adf.hot-update.js",
+    "/chunks/platform~chunks/shared.39400dc7ecf95f7b0a8b.hot-update.js": "/chunks/platform~chunks/shared.39400dc7ecf95f7b0a8b.hot-update.js",
+    "/chunks/platform~chunks/shared.5476b3ad1894cebd539d.hot-update.js": "/chunks/platform~chunks/shared.5476b3ad1894cebd539d.hot-update.js",
+    "/chunks/platform~chunks/shared.47e551cf655d90cc5c20.hot-update.js": "/chunks/platform~chunks/shared.47e551cf655d90cc5c20.hot-update.js",
+    "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.c3c113b738fb0b099603.hot-update.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.c3c113b738fb0b099603.hot-update.js",
+    "/chunks/platform~chunks/shared.4b2e76942406fe6cc726.hot-update.js": "/chunks/platform~chunks/shared.4b2e76942406fe6cc726.hot-update.js",
+    "/chunks/team-folders.f6ab9d445899500e403f.hot-update.js": "/chunks/team-folders.f6ab9d445899500e403f.hot-update.js",
+    "/chunks/team-folders.79339c3d0a6513758410.hot-update.js": "/chunks/team-folders.79339c3d0a6513758410.hot-update.js",
+    "/chunks/team-folders.32f40496dc0959c24691.hot-update.js": "/chunks/team-folders.32f40496dc0959c24691.hot-update.js",
+    "/chunks/team-folders.a89260ad5c73fd3b1240.hot-update.js": "/chunks/team-folders.a89260ad5c73fd3b1240.hot-update.js",
+    "/chunks/platform~chunks/shared.7dac0ca0baf5378066a1.hot-update.js": "/chunks/platform~chunks/shared.7dac0ca0baf5378066a1.hot-update.js",
+    "/js/main.00c0ca2de1eed558cea4.hot-update.js": "/js/main.00c0ca2de1eed558cea4.hot-update.js",
+    "/chunks/team-folders.00c0ca2de1eed558cea4.hot-update.js": "/chunks/team-folders.00c0ca2de1eed558cea4.hot-update.js",
+    "/chunks/platform~chunks/shared.09fb7b1c257611ee93f3.hot-update.js": "/chunks/platform~chunks/shared.09fb7b1c257611ee93f3.hot-update.js",
+    "/js/main.0e3f0c710c48ac5fc27e.hot-update.js": "/js/main.0e3f0c710c48ac5fc27e.hot-update.js",
+    "/chunks/platform~chunks/shared.0e3f0c710c48ac5fc27e.hot-update.js": "/chunks/platform~chunks/shared.0e3f0c710c48ac5fc27e.hot-update.js",
+    "/chunks/platform~chunks/shared~chunks/team-folders.js": "/chunks/platform~chunks/shared~chunks/team-folders.js?id=cd3043b218569a473283",
+    "/chunks/team-folders.0e3f0c710c48ac5fc27e.hot-update.js": "/chunks/team-folders.0e3f0c710c48ac5fc27e.hot-update.js",
+    "/chunks/team-folders.24b240c7a7182d02f3cc.hot-update.js": "/chunks/team-folders.24b240c7a7182d02f3cc.hot-update.js",
+    "/chunks/team-folders.0c87950c528e47af120a.hot-update.js": "/chunks/team-folders.0c87950c528e47af120a.hot-update.js",
+    "/chunks/team-folders.40ef7e270e0691268af9.hot-update.js": "/chunks/team-folders.40ef7e270e0691268af9.hot-update.js",
+    "/chunks/platform~chunks/shared~chunks/team-folders.7630959f4766dcabe1b4.hot-update.js": "/chunks/platform~chunks/shared~chunks/team-folders.7630959f4766dcabe1b4.hot-update.js",
+    "/chunks/platform~chunks/shared~chunks/team-folders.af96c1f2119fdccaa31f.hot-update.js": "/chunks/platform~chunks/shared~chunks/team-folders.af96c1f2119fdccaa31f.hot-update.js",
+    "/chunks/platform~chunks/shared~chunks/team-folders.d330d527bc63bd659fb8.hot-update.js": "/chunks/platform~chunks/shared~chunks/team-folders.d330d527bc63bd659fb8.hot-update.js",
+    "/js/main.14dc81101df7c92867a0.hot-update.js": "/js/main.14dc81101df7c92867a0.hot-update.js",
+    "/chunks/platform~chunks/shared.14dc81101df7c92867a0.hot-update.js": "/chunks/platform~chunks/shared.14dc81101df7c92867a0.hot-update.js",
+    "/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js": "/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js?id=7d983dfdc91de607d737",
+    "/chunks/shared-with-me.14dc81101df7c92867a0.hot-update.js": "/chunks/shared-with-me.14dc81101df7c92867a0.hot-update.js",
+    "/chunks/shared-with-me~chunks/team-folders.js": "/chunks/shared-with-me~chunks/team-folders.js?id=d7b10f9477dab32aec18",
+    "/chunks/team-folders.14dc81101df7c92867a0.hot-update.js": "/chunks/team-folders.14dc81101df7c92867a0.hot-update.js",
+    "/chunks/shared-with-me.442c062f6b19d34001e9.hot-update.js": "/chunks/shared-with-me.442c062f6b19d34001e9.hot-update.js"
 }
diff --git a/resources/js/components/FilesView/DesktopToolbar.vue b/resources/js/components/FilesView/DesktopToolbar.vue
index 1eef8633..03679c83 100644
--- a/resources/js/components/FilesView/DesktopToolbar.vue
+++ b/resources/js/components/FilesView/DesktopToolbar.vue
@@ -67,7 +67,7 @@
 
 					<!--Team Folder Icon-->
 					<PopoverWrapper v-if="$isThisRoute($route, ['TeamFolders', 'SharedWithMe'])">
-						<TeamMembersButton @click.stop.native="showTeamFolderMenu" class="team-preview" />
+						<TeamMembersButton @click.stop.native="showTeamFolderMenu" size="32" class="team-preview" />
 						<PopoverItem name="team-folder" side="left">
 							<TeamFolderPreview />
 
diff --git a/resources/js/components/FilesView/FileActionsMobile.vue b/resources/js/components/FilesView/FileActionsMobile.vue
index 1d894e91..2c075283 100644
--- a/resources/js/components/FilesView/FileActionsMobile.vue
+++ b/resources/js/components/FilesView/FileActionsMobile.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="sticky dark:bg-dark-background bg-white top-12 pb-3 px-4 z-10 whitespace-nowrap overflow-x-auto md:hidden block">
+    <div class="sticky dark:bg-dark-background bg-white top-14 pb-3 px-4 z-10 whitespace-nowrap overflow-x-auto md:hidden block">
 
         <!--Show Buttons-->
         <div v-if="! isMultiSelectMode" class="mobile-actions">
diff --git a/resources/js/components/FilesView/MobileTeamContextMenu.vue b/resources/js/components/FilesView/MobileTeamContextMenu.vue
new file mode 100644
index 00000000..439329ad
--- /dev/null
+++ b/resources/js/components/FilesView/MobileTeamContextMenu.vue
@@ -0,0 +1,24 @@
+<template>
+    <MenuMobile name="team-menu">
+		<TeamFolderPreview />
+
+		<MenuMobileGroup v-if="$slots.default">
+			<slot></slot>
+        </MenuMobileGroup>
+    </MenuMobile>
+</template>
+
+<script>
+import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
+import TeamFolderPreview from '../Teams/Components/TeamFolderPreview'
+import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
+
+export default {
+    name: 'MobileTeamContextMenu',
+    components: {
+		TeamFolderPreview,
+        MenuMobileGroup,
+		MenuMobile,
+    },
+}
+</script>
diff --git a/resources/js/components/FilesView/MobileToolbar.vue b/resources/js/components/FilesView/MobileToolbar.vue
index f766f491..7194df0a 100644
--- a/resources/js/components/FilesView/MobileToolbar.vue
+++ b/resources/js/components/FilesView/MobileToolbar.vue
@@ -1,26 +1,37 @@
 <template>
-    <div class="sticky top-0 dark:bg-dark-background bg-white flex text-center py-4 px-4 w-full justify-between items-center z-10 md:hidden block">
+    <div class="sticky top-0 dark:bg-dark-background bg-white flex text-center py-5 px-4 w-full justify-between items-center z-10 md:hidden block">
 
         <!-- Go back-->
 		<div @click="goBack" class="go-back-button flex text-left items-center">
-            <chevron-left-icon size="17" class="icon-back" :class="{'is-visible': isLoadedFolder }" />
+            <chevron-left-icon size="17" class="pointer-events-none opacity-20 align-middle cursor-pointer mr-2" :class="{'pointer-events-auto opacity-100': isLoadedFolder }" />
 
 			<!--Folder Title-->
-			<div class="directory-name lg:text-base text-sm">
+			<div class="lg:text-base text-sm align-middle font-bold overflow-hidden overflow-ellipsis inline-block whitespace-nowrap" style="max-width: 200px;">
 				{{ $getCurrentLocationName() }}
 			</div>
         </div>
 
-        <!--More Actions-->
-        <div class="more-actions-button">
-            <div v-if="$checkPermission('master')" @click="showMobileNavigation" class="tap-area px-1.5">
-                <menu-icon size="17" />
-            </div>
-        </div>
+		<div class="flex items-center relative">
+			<TeamMembersButton
+				v-if="$isThisRoute($route, ['TeamFolders', 'SharedWithMe'])"
+				size="28"
+				@click.stop.native="$showMobileMenu('team-menu')"
+			   	class="absolute right-9"
+			/>
+
+			<!--More Actions-->
+			<div class="more-actions-button">
+				<div v-if="$checkPermission('master')" @click="showMobileNavigation" class="tap-area px-1.5">
+					<menu-icon size="17" />
+				</div>
+			</div>
+		</div>
     </div>
 </template>
 
 <script>
+	import TeamMembersPreview from "../Teams/Components/TeamMembersPreview";
+	import TeamMembersButton from "../Teams/Components/TeamMembersButton";
     import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
     import SearchBar from '/resources/js/components/FilesView/SearchBar'
     import { MenuIcon, ChevronLeftIcon } from 'vue-feather-icons'
@@ -30,6 +41,8 @@
     export default {
         name: 'MobileToolBar',
         components: {
+			TeamMembersPreview,
+			TeamMembersButton,
             ChevronLeftIcon,
             ToolbarButton,
             SearchBar,
@@ -37,9 +50,11 @@
         },
         computed: {
             ...mapGetters([
+                'currentTeamFolder',
                 'isVisibleSidebar',
-                'itemViewType',
                 'currentFolder',
+                'itemViewType',
+                'clipboard',
             ]),
 			isLoadedFolder() {
 				return this.$route.params.id
@@ -47,7 +62,7 @@
         },
         methods: {
             showMobileNavigation() {
-                events.$emit('mobile-menu:show', 'user-navigation')
+				this.$showMobileMenu('user-navigation')
                 this.$store.commit('DISABLE_MULTISELECT_MODE')
             },
 			goBack() {
@@ -66,47 +81,6 @@
     @import '/resources/sass/vuefilemanager/_variables';
     @import '/resources/sass/vuefilemanager/_mixins';
 
-	.go-back-button {
-
-		.icon-back {
-			pointer-events: none;
-			opacity: 0.15;
-			vertical-align: middle;
-			cursor: pointer;
-			margin-top: -2px;
-			margin-right: 4px;
-
-			&.is-visible {
-				pointer-events: initial;
-				visibility: visible;
-				opacity: 1;
-			}
-		}
-	}
-
-	.directory-name {
-		line-height: 1;
-		width: 100%;
-		vertical-align: middle;
-		color: $text;
-		font-weight: 700;
-		max-width: 220px;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		display: inline-block;
-	}
-
-	.more-actions-button {
-		position: relative;
-
-		.tap-area {
-
-			path, line, polyline, rect, circle {
-				stroke: $text;
-			}
-		}
-	}
-
     .dark {
 
 		.directory-name {
diff --git a/resources/js/components/Teams/Components/TeamMembersButton.vue b/resources/js/components/Teams/Components/TeamMembersButton.vue
index cdfa5ed6..27ace06d 100644
--- a/resources/js/components/Teams/Components/TeamMembersButton.vue
+++ b/resources/js/components/Teams/Components/TeamMembersButton.vue
@@ -1,11 +1,11 @@
 <template>
 	<div class="w-28">
-		<div v-if="! teamFolder" class="text-center">
-			<span class="dark:text-gray-500 text-gray-600 mr-0.5 text-tiny">
+		<div v-if="! teamFolder" class="md:text-center text-right">
+			<span class="dark:text-gray-500 text-gray-600 md:mr-0.5 mr-3 text-tiny align-middle">
 				{{ $t('Not selected') }}
 			</span>
 		</div>
-		<TeamMembersPreview v-else :folder="teamFolder" :limit="true" :avatar-size="32" class="justify-center" />
+		<TeamMembersPreview v-else :folder="teamFolder" :limit="true" :avatar-size="size" class="md:justify-center justify-end" />
 	</div>
 </template>
 
@@ -18,6 +18,9 @@
 		components: {
 			TeamMembersPreview,
 		},
+		props: [
+			'size'
+		],
 		computed: {
 			...mapGetters([
 				'currentTeamFolder',
diff --git a/resources/js/components/Teams/Components/TeamMembersPreview.vue b/resources/js/components/Teams/Components/TeamMembersPreview.vue
index 0578c4ac..891c2ee6 100644
--- a/resources/js/components/Teams/Components/TeamMembersPreview.vue
+++ b/resources/js/components/Teams/Components/TeamMembersPreview.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="team-folder">
 		<span v-if="limit && membersCount > 3" class="member-count">
-			3+
+			+{{ membersCount - 3 }}
 		</span>
 		<div class="members">
 			<div v-for="member in members" :key="member.data.id" :title="member.data.attributes.email" class="member-preview z-10">
diff --git a/resources/js/helpers/functionHelpers.js b/resources/js/helpers/functionHelpers.js
index 397d4a4e..ed021bfd 100644
--- a/resources/js/helpers/functionHelpers.js
+++ b/resources/js/helpers/functionHelpers.js
@@ -392,6 +392,11 @@ const FunctionHelpers = {
         Vue.prototype.$showViewOptions = function () {
             events.$emit('mobile-menu:show', 'file-sorting')
         }
+
+        // TODO: refactor other methods
+        Vue.prototype.$showMobileMenu = function (name) {
+            events.$emit('mobile-menu:show', name)
+        }
     }
 }
 
diff --git a/resources/js/views/FileView/SharedWithMe.vue b/resources/js/views/FileView/SharedWithMe.vue
index 56903f13..4cb9a2f7 100644
--- a/resources/js/views/FileView/SharedWithMe.vue
+++ b/resources/js/views/FileView/SharedWithMe.vue
@@ -20,6 +20,12 @@
 			</OptionGroup>
 		</MobileCreateMenu>
 
+		<MobileTeamContextMenu>
+			<OptionGroup>
+				<Option @click.native="$detachMeFromTeamFolder(teamFolder)" :title="$t('Leave the Team Folder')" icon="user-minus" />
+			</OptionGroup>
+		</MobileTeamContextMenu>
+
 		<MobileMultiSelectToolbar>
 			<ToolbarButton v-if="canEdit" @click.native="$moveFileOrFolder(clipboard)" class="action-btn" source="move" :action="$t('actions.move')" :class="{'is-inactive' : clipboard.length < 1}" />
 			<ToolbarButton v-if="canEdit" @click.native="$deleteFileOrFolder(clipboard)" class="action-btn" source="trash" :class="{'is-inactive' : clipboard.length < 1}" :action="$t('actions.delete')" />
@@ -113,6 +119,7 @@
 </template>
 
 <script>
+	import MobileTeamContextMenu from "../../components/FilesView/MobileTeamContextMenu";
 	import EmptyFilePage from "../../components/FilesView/EmptyFilePage";
 	import FileActionsMobile from "../../components/FilesView/FileActionsMobile";
     import MobileActionButtonUpload from '/resources/js/components/FilesView/MobileActionButtonUpload'
@@ -130,14 +137,13 @@
 	import Option from '/resources/js/components/FilesView/Option'
 	import { mapGetters } from 'vuex'
 	import {events} from "../../bus";
-	import Vue from "vue";
-	import router from "../../router";
 
 	export default {
 		name: 'SharedWithMe',
 		components: {
 			MobileActionButtonUpload,
 			MobileMultiSelectToolbar,
+			MobileTeamContextMenu,
 			MobileActionButton,
 			MobileContextMenu,
 			MobileCreateMenu,
@@ -159,6 +165,11 @@
 				'config',
 				'user',
 			]),
+			teamFolder() {
+				return this.currentTeamFolder
+					? this.currentTeamFolder
+					: this.clipboard[0]
+			},
 			canEdit() {
 				if (this.currentTeamFolder && this.user) {
 					let member = this.currentTeamFolder.data.relationships.members.data.find(member => member.data.id === this.user.data.id)
diff --git a/resources/js/views/FileView/TeamFolders.vue b/resources/js/views/FileView/TeamFolders.vue
index e6b58d7f..b53988d9 100644
--- a/resources/js/views/FileView/TeamFolders.vue
+++ b/resources/js/views/FileView/TeamFolders.vue
@@ -30,6 +30,13 @@
 			</OptionGroup>
 		</MobileCreateMenu>
 
+		<MobileTeamContextMenu>
+			<OptionGroup>
+				<Option @click.native="$updateTeamFolder(teamFolder)" :title="$t('Edit Members')" icon="rename" />
+				<Option @click.native="$dissolveTeamFolder(teamFolder)" :title="$t('Dissolve Team')" icon="trash" />
+			</OptionGroup>
+		</MobileTeamContextMenu>
+
 		<MobileMultiSelectToolbar>
 			<ToolbarButton @click.native="$moveFileOrFolder(clipboard)" class="action-btn" source="move" :action="$t('actions.move')" :class="{'is-inactive' : clipboard.length < 1}" />
 			<ToolbarButton @click.native="$deleteFileOrFolder(clipboard)" class="action-btn" source="trash" :class="{'is-inactive' : clipboard.length < 1}" :action="$t('actions.delete')" />
@@ -129,6 +136,7 @@
 </template>
 
 <script>
+	import MobileTeamContextMenu from "../../components/FilesView/MobileTeamContextMenu";
 	import EmptyFilePage from "../../components/FilesView/EmptyFilePage";
 	import FileActionsMobile from "../../components/FilesView/FileActionsMobile";
     import MobileActionButtonUpload from '/resources/js/components/FilesView/MobileActionButtonUpload'
@@ -146,14 +154,13 @@
 	import Option from '/resources/js/components/FilesView/Option'
 	import { mapGetters } from 'vuex'
 	import {events} from "../../bus";
-	import Vue from "vue";
-	import router from "../../router";
 
 	export default {
 		name: 'TeamFolders',
 		components: {
 			MobileActionButtonUpload,
 			MobileMultiSelectToolbar,
+			MobileTeamContextMenu,
 			MobileActionButton,
 			MobileContextMenu,
 			MobileCreateMenu,
@@ -170,10 +177,16 @@
 		},
 		computed: {
 			...mapGetters([
+				'currentTeamFolder',
 				'clipboard',
 				'config',
 				'user',
 			]),
+			teamFolder() {
+				return this.currentTeamFolder
+					? this.currentTeamFolder
+					: this.clipboard[0]
+			},
 			isTeamFolderHomepage() {
 				return this.$isThisRoute(this.$route, ['TeamFolders'])
 					&& ! this.$route.params.id
diff --git a/tailwind.config.js b/tailwind.config.js
index ac63db8d..5aa1aa6d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,5 @@
 module.exports = {
   purge: { content: ['./resources/js/**/*.{js,jsx,ts,tsx,vue}',] },
-  mode: 'jit',
   darkMode: 'class', // or 'media' or 'class'
   theme: {
     debugScreens: {