Fixed footer stuff

ulf-frostypaw · Feb 13, 2023 · 628d971 · 628d971
1 parent 0f191b0
commit 628d971
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/website/components/Landing/LandingThird.vue b/website/components/Landing/LandingThird.vue
@@ -45,7 +45,7 @@ onMounted(() => {
 </script>
 
 <template>
-	<section class="px-12 h-[80vh]">
+	<section class="h-screen px-12">
 		<h1 class="my-6 mt-[6.5rem] text-5xl font-bold text-center font-inter">
 			You're in control
 		</h1>

diff --git a/website/components/TheBaseFooter.vue b/website/components/TheBaseFooter.vue
@@ -1,6 +1,6 @@
 <template>
 	<footer>
-		<div class="flex justify-between px-10 py-6 mx-auto max-w-screen-2xl">
+		<div class="mt-[2rem] flex justify-between px-10 py-6 mx-auto max-w-screen-2xl">
 			<span id="copyright">
 				&copy; 2022-{{ new Date().getFullYear() }} MyFursona
 			</span>

diff --git a/website/pages/login.vue b/website/pages/login.vue
@@ -1,5 +1,15 @@
+<script setup lang="ts">
+import Form from '~~/components/Landing/Login/Form.vue';
+</script>
+
 <template>
-  <Container title="MyFursona | Login">
-    <Form />
+  <Container title="MyFursona | Login" class="login-wrapper">
+      <Form />
   </Container>
 </template>
+
+<style lang="scss">
+.login-wrapper {
+  height: calc(100vh - 7rem);
+}
+</style>