Merge pull request #967 from CSCfi/feature/footer-large-screen

csc-felipe · web-flow · commit 72c24d5c57a0 · 2023-02-09T16:40:23.000+02:00
Make footer stick to bottom in large screens on login pages
diff --git a/swift_browser_ui_frontend/src/pages/IndexOIDCPage.vue b/swift_browser_ui_frontend/src/pages/IndexOIDCPage.vue
@@ -45,7 +45,8 @@
 <style>
 c-main {
   height: unset;
-  min-height: 100vh
+  min-height: 100vh;
+  justify-content: space-between;
 }
 c-login-card {
   margin: 2rem auto;
diff --git a/swift_browser_ui_frontend/src/pages/IndexPage.vue b/swift_browser_ui_frontend/src/pages/IndexPage.vue
@@ -114,7 +114,8 @@ export default {
 <style>
 c-main { 
   height: unset; 
-  min-height: 100vh 
+  min-height: 100vh;
+  justify-content: space-between;
 }
 
 c-card {
diff --git a/swift_browser_ui_frontend/src/pages/LoginPassword.vue b/swift_browser_ui_frontend/src/pages/LoginPassword.vue
@@ -70,7 +70,8 @@
 <style>
 c-main {
   height: unset;
-  min-height: 100vh
+  min-height: 100vh;
+  justify-content: space-between;
 }
 c-login-card {
   margin: 2rem auto;

Original file line number	Diff line number	Diff line change
`@@ -114,7 +114,8 @@ export default {`
`114`	`114`	`<style>`
`115`	`115`	`c-main {`
`116`	`116`	`height: unset;`
`117`		`- min-height: 100vh`
	`117`	`+ min-height: 100vh;`
	`118`	`+ justify-content: space-between;`
`118`	`119`	`}`
`119`	`120`
`120`	`121`	`c-card {`