feat(lluis): add <Footer /> (#2063)

kantord · Mar 6, 2022 · 6589304 · 6589304
1 parent 62ccab6
commit 6589304
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 8 deletions.
diff --git a/apps/lluis/Footer.svelte b/apps/lluis/Footer.svelte
@@ -0,0 +1,11 @@
+<div class="footer">
+  <slot />
+</div>
+
+<style>
+  .footer {
+    margin-top: 12em;
+    background-color: #fafafa;
+    padding: 3rem 1.5rem 6rem;
+  }
+</style>
diff --git a/apps/web/src/mystyles.scss b/apps/web/src/mystyles.scss
@@ -30,7 +30,7 @@
 @import "~bulma/sass/elements/container.sass";
 @import "~bulma/sass/elements/tag.sass";
 @import "~bulma/sass/layout/section.sass";
-@import "~bulma/sass/layout/footer.sass";
+/* @import "~bulma/sass/layout/footer.sass"; */
 @import "~bulma/sass/layout/hero.sass";
 @import "~bulma/sass/base/generic.sass";
 @import "~bulma/sass/helpers/_all.sass";
@@ -51,12 +51,8 @@
 @import "~bulma-pageloader";
 @import "~bulma-tooltip";
 
-.footer {
-    margin-top: 12em;
-}
-
 .md-page a {
     text-decoration: underline;
 }
 
-@import "~bulmaswatch/lumen/overrides.scss";
+@import "~bulmaswatch/lumen/overrides.scss";
diff --git a/apps/web/src/routes/course/[courseName]/index.svelte b/apps/web/src/routes/course/[courseName]/index.svelte
@@ -15,6 +15,7 @@
   import Column from "lluis/Column.svelte"
   import Columns from "lluis/Columns.svelte"
   import Content from "lluis/Content.svelte"
+  import Footer from "lluis/Footer.svelte"
   import type { ModulesType } from "../../../types/ModulesType"
 
   export let courseName = null
@@ -46,7 +47,7 @@
   </section>
 {/each}
 
-<footer class="footer">
+<Footer>
   <Content>
     <Columns>
       <Column>
@@ -71,7 +72,7 @@
     </Columns>
     <p></p>
   </Content>
-</footer>
+</Footer>
 
 <style type="text/scss">
   @import "../../../variables";