From b14049a410ecfe2015e7b2102e6bd456bfce0198 Mon Sep 17 00:00:00 2001
From: Daniel Tomlinson <dtomlinson@panaetius.co.uk>
Date: Wed, 5 Oct 2022 03:40:08 +0100
Subject: [PATCH] set page height as scss var

---
 src/css/quasar.variables.scss | 2 ++
 src/pages/AnnoBase.vue        | 2 +-
 src/pages/AnnoExpansions.vue  | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 331f28d..7722800 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -29,3 +29,5 @@ $burnt: #fff1d1;
 $burnt-light: #fbf1dc;
 
 $typography-font-family: 'Rubik';
+
+$page-height: 10000px;
diff --git a/src/pages/AnnoBase.vue b/src/pages/AnnoBase.vue
index b7ae63a..b3f00ed 100644
--- a/src/pages/AnnoBase.vue
+++ b/src/pages/AnnoBase.vue
@@ -76,7 +76,7 @@ $column: 5;
 }
 
 .masonry-container {
-  height: 6000px;
+  height: $page-height;
 
   .masonry-col {
     width: 1000px;
diff --git a/src/pages/AnnoExpansions.vue b/src/pages/AnnoExpansions.vue
index f4ee8b6..2d7ad1c 100644
--- a/src/pages/AnnoExpansions.vue
+++ b/src/pages/AnnoExpansions.vue
@@ -72,7 +72,7 @@ $columns: 5;
 }
 
 .masonry-container {
-  height: 10000px;
+  height: $page-height;
 
   .masonry-col {
     width: 1000px;