From e2ce8a78ffda65b0f52ae3ba479c09f7cf16bb05 Mon Sep 17 00:00:00 2001
From: Muhammad Rehan Saeed <rehansaeed@gmail.com>
Date: Fri, 25 Mar 2022 09:03:35 +0000
Subject: [PATCH] Add min-height to content

---
 Source/DotnetNewUI/Frontend/src/App.vue                  | 6 ++++++
 Source/DotnetNewUI/Frontend/src/views/CreateItemView.vue | 6 ++++++
 Source/DotnetNewUI/Frontend/src/views/CreateView.vue     | 1 +
 Source/DotnetNewUI/Frontend/src/views/InstalledView.vue  | 1 +
 Source/DotnetNewUI/Frontend/src/views/SearchView.vue     | 1 +
 5 files changed, 15 insertions(+)

diff --git a/Source/DotnetNewUI/Frontend/src/App.vue b/Source/DotnetNewUI/Frontend/src/App.vue
index 8386ccf..7f0eb80 100644
--- a/Source/DotnetNewUI/Frontend/src/App.vue
+++ b/Source/DotnetNewUI/Frontend/src/App.vue
@@ -25,3 +25,9 @@ export default defineComponent({
   },
 });
 </script>
+
+<style lang="scss">
+.app__router {
+  min-height: 80vh;
+}
+</style>
diff --git a/Source/DotnetNewUI/Frontend/src/views/CreateItemView.vue b/Source/DotnetNewUI/Frontend/src/views/CreateItemView.vue
index ffffca7..abc2b6f 100644
--- a/Source/DotnetNewUI/Frontend/src/views/CreateItemView.vue
+++ b/Source/DotnetNewUI/Frontend/src/views/CreateItemView.vue
@@ -42,6 +42,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, onMounted, ref } from "vue";
+import { useMeta } from "vue-meta";
 import { useRoute } from "vue-router";
 import Button from "@/components/Button.vue";
 import { useCreate, useTemplates } from "@/composables/Templates";
@@ -56,6 +57,10 @@ export default defineComponent({
     const route = useRoute();
     const templateId = route.params.id;
 
+    useMeta({
+      title: `Create ${templateId}`,
+    });
+
     const template = ref<ITemplate | null>(null);
     const name = ref("");
     const location = ref(
@@ -131,6 +136,7 @@ export default defineComponent({
 <style lang="scss">
 .create-item {
   display: grid;
+  align-content: start;
   gap: 20px;
   justify-content: center;
 
diff --git a/Source/DotnetNewUI/Frontend/src/views/CreateView.vue b/Source/DotnetNewUI/Frontend/src/views/CreateView.vue
index c04a109..385580b 100644
--- a/Source/DotnetNewUI/Frontend/src/views/CreateView.vue
+++ b/Source/DotnetNewUI/Frontend/src/views/CreateView.vue
@@ -134,6 +134,7 @@ export default defineComponent({
 <style type="scss">
 .create {
   display: grid;
+  align-content: start;
   gap: 20px;
 
   padding: 20px;
diff --git a/Source/DotnetNewUI/Frontend/src/views/InstalledView.vue b/Source/DotnetNewUI/Frontend/src/views/InstalledView.vue
index 02531ed..e8f5154 100644
--- a/Source/DotnetNewUI/Frontend/src/views/InstalledView.vue
+++ b/Source/DotnetNewUI/Frontend/src/views/InstalledView.vue
@@ -68,6 +68,7 @@ export default defineComponent({
 <style type="scss">
 .installed {
   display: grid;
+  align-content: start;
   gap: 20px;
 
   padding: 20px;
diff --git a/Source/DotnetNewUI/Frontend/src/views/SearchView.vue b/Source/DotnetNewUI/Frontend/src/views/SearchView.vue
index b69add4..bb547c4 100644
--- a/Source/DotnetNewUI/Frontend/src/views/SearchView.vue
+++ b/Source/DotnetNewUI/Frontend/src/views/SearchView.vue
@@ -68,6 +68,7 @@ export default defineComponent({
 <style type="scss">
 .search {
   display: grid;
+  align-content: start;
   gap: 20px;
 
   padding: 20px;