<template>
	<div id="content" class="app-upschooling">
		<AppNavigation>
		</AppNavigation>
		<AppContent>
			<Ticket />
		</AppContent>
	</div>
</template>

<script>
import AppContent from '@nextcloud/vue/dist/Components/AppContent'
import AppNavigation from '@nextcloud/vue/dist/Components/AppNavigation'

import '@nextcloud/dialogs/styles/toast.scss'
import Ticket from './Ticket'

export default {
	name: 'App',
	components: {
		Ticket,
		AppContent,
		AppNavigation,
	},
}
</script>
<style scoped>
	#app-content > div {
		width: 100%;
		height: 100%;
		padding: 20px;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}

	input[type='text'] {
		width: 100%;
	}

	textarea {
		flex-grow: 1;
		width: 100%;
	}
</style>
