Close navigation on mobile on new form

Signed-off-by: Jonas Rittershofer <jotoeri@users.noreply.github.com>

src/Forms.vue

@@ -66,6 +66,7 @@
 </template>
 
 <script>
+import { emit } from '@nextcloud/event-bus'
 import { showError } from '@nextcloud/dialogs'
 import { generateUrl } from '@nextcloud/router'
 import axios from '@nextcloud/axios'
@@ -74,6 +75,7 @@ import AppContent from '@nextcloud/vue/dist/Components/AppContent'
 import AppNavigation from '@nextcloud/vue/dist/Components/AppNavigation'
 import AppNavigationNew from '@nextcloud/vue/dist/Components/AppNavigationNew'
 import Content from '@nextcloud/vue/dist/Components/Content'
+import isMobile from '@nextcloud/vue/src/mixins/isMobile'
 
 import AppNavigationForm from './components/AppNavigationForm'
 import EmptyContent from './components/EmptyContent'
@@ -90,6 +92,8 @@ export default {
 		EmptyContent,
 	},
 
+	mixins: [isMobile],
+
 	data() {
 		return {
 			loading: true,
@@ -150,6 +154,12 @@ export default {
 				const newForm = response.data
 				this.forms.push(newForm)
 				this.$router.push({ name: 'edit', params: { hash: newForm.hash } })
+
+				// Close Navigation on Mobile
+				if (this.isMobile) {
+					emit('toggle-navigation', { open: false })
+				}
+
 			} catch (error) {
 				showError(t('forms', 'Unable to create a new form'))
 				console.error(error)

src/components/EmptyContent.vue

@@ -71,6 +71,7 @@ export default {
 
 	&__desc {
 		margin-bottom: 16px;
+		text-align: center;
 	}
 }