Adjust acknowledgement background colour

Extra padding. Add option for all rows in paginator
bcgov · Dec 10, 2024 · b9840c9 · b9840c9
1 parent 7381b4c
commit b9840c9
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 17 deletions.
diff --git a/frontend/src/components/housing/submission/SubmissionListNavigator.vue b/frontend/src/components/housing/submission/SubmissionListNavigator.vue
@@ -158,7 +158,7 @@ function updateQueryParams() {
     :sort-order="pagination.order"
     paginator-template="RowsPerPageDropdown CurrentPageReport PrevPageLink NextPageLink "
     current-page-report-template="{first}-{last} of {totalRecords}"
-    :rows-per-page-options="[10, 20, 50]"
+    :rows-per-page-options="[10, 20, 50, submissions?.length as number]"
     selection-mode="single"
     :first="pagination.page && pagination.rows ? pagination.page * pagination.rows : 0"
     @update:sort-field="

diff --git a/frontend/src/components/layout/Footer.vue b/frontend/src/components/layout/Footer.vue
@@ -6,7 +6,7 @@ const { t } = useI18n();
 </script>
 
 <template>
-  <div class="gov-footer flex flex-column">
+  <div class="gov-footer flex flex-column pt-5">
     <div class="acknowledgement px-8 py-5">
       {{ t('footer.acknowledgement') }}
     </div>
@@ -75,7 +75,7 @@ const { t } = useI18n();
   .acknowledgement {
     border-top: 3px solid #fcba19;
     border-bottom: 3px solid #fcba19;
-    background-color: #003366 !important;
+    background-color: #252423 !important;
     color: #ffffff;
   }
 

diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue
@@ -11,20 +11,22 @@ const toHousing = (): void => {
 </script>
 
 <template>
-  <div class="bg" />
-  <div class="poly" />
-  <div class="flex align-items-center justify-content-start h-full">
-    <div class="text-left text-white-alpha-90">
-      <h1 class="font-bold mb-0">Welcome to the</h1>
-      <h1 class="font-bold mt-0">Permit Connect Services</h1>
-      <h2 class="mb-3">Choose your project type</h2>
-      <Button @click="toHousing">
-        <font-awesome-icon
-          icon="fa-solid fa-house"
-          class="mr-1"
-        />
-        Housing
-      </Button>
+  <div class="h-screen">
+    <div class="bg" />
+    <div class="poly" />
+    <div class="flex align-items-center justify-content-start h-full">
+      <div class="text-left text-white-alpha-90">
+        <h1 class="font-bold mb-0">Welcome to the</h1>
+        <h1 class="font-bold mt-0">Permit Connect Services</h1>
+        <h2 class="mb-3">Choose your project type</h2>
+        <Button @click="toHousing">
+          <font-awesome-icon
+            icon="fa-solid fa-house"
+            class="mr-1"
+          />
+          Housing
+        </Button>
+      </div>
     </div>
   </div>
 </template>