From bcb21977cdb9259f5430c6b3583fa1e1cc36df4e Mon Sep 17 00:00:00 2001
From: Cee <cnell@usgs.gov>
Date: Tue, 10 Sep 2024 00:27:50 -0700
Subject: [PATCH] align footer to bottom of page
---
src/App.vue | 19 +++++++++----------
src/views/VisualizationView.vue | 7 +++++--
2 files changed, 14 insertions(+), 12 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index a2411fc..4bb9dea 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
<template>
- <div>
+ <div class="app-container">
<WindowSize v-if="typeOfEnv === '-test build-'" />
<HeaderUSWDSBanner v-if="typeOfEnv !== '-test build-'" />
<HeaderUSGS />
@@ -47,19 +47,18 @@ $SourceSans: 'Source Sans Pro', sans-serif;
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');
$Dosis: 'Inter Tight', sans-serif;
-$Demographiccharacteristics: #625D0B;
-$Landtenure: #5C0601;
-$Livingconditions: #0B4E8B;
-$Socioeconomicstatus: #DC8260;
-$Health: #7F4A89;
-$Riskperception: #249CB1;
-$Exposure: #B47D83;
-
-
html {
/* Make base font-size 100% of browser font-size */
font-size: 100%;
}
+FooterUSGS {
+ margin-top: auto;
+}
+.app-container {
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
+}
@media (prefers-reduced-motion: no-preference) {
html {
diff --git a/src/views/VisualizationView.vue b/src/views/VisualizationView.vue
index d63c443..4f1cf62 100644
--- a/src/views/VisualizationView.vue
+++ b/src/views/VisualizationView.vue
@@ -6,9 +6,9 @@
<InteractiveDendrogram class="section-component"/>
<MapsSection class="section-component"/>
<ConclusionSection class="section-component"/>
- <AboutTheTeam :data="circleData" class="section-components" />
+ <AboutTheTeam :data="circleData" class="section-component" />
<ReferencesSection class="section-component" />
- <AuthorshipSection class="section-component" />
+ <AuthorshipSection class="section-component end" />
</section>
</template>
@@ -40,4 +40,7 @@
margin-top: 40px;
margin-bottom: 30px;
}
+ .end {
+ margin-bottom: 80px;
+ }
</style>
--
GitLab