Add min-height to content

ligershark · Mar 25, 2022 · e2ce8a7 · e2ce8a7
1 parent 6e5653c
commit e2ce8a7
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -68,6 +68,7 @@ export default defineComponent({
 <style type="scss">
 .search {
   display: grid;
+  align-content: start;
   gap: 20px;
 
   padding: 20px;