ｄｅｓｉｇｎ░ｄｒｅａｍ （ちま欧）

𝕖𝕧𝕖𝕣𝕪𝕥𝕙𝕚𝕟𝕘 𝕚𝕤 𝕓𝕖𝕒𝕦𝕥𝕚𝕗𝕦𝕝

client/src/pages/index-page.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div class="container-fluid" id="index-container">
     <section class="fullpage">
       <div class="px-4">
         <div class="display-2 text-dark mb-4 font-display" style="line-height:100%;font-weight:900;">"C'est magique, ta gueule."</div>
@@ -20,9 +20,12 @@ export default {
 
 <style lang="scss">
   .fullpage{
-    min-height: 100vh;
+    min-height: calc(100vh - 56px);
     display: flex;
     justify-content: center;
     align-items: center;
   }
+  #index-container{
+    background: url('/img/bg1.png') center center fixed repeat;
+  }
 </style>

client/src/pages/spells-page.vue

@@ -1,5 +1,6 @@
 <template>
-  <div class="container-fluid p-4">
+  <div class="container-fluid p-4" id="spell-container">
+    <h1 class="display-3 font-display mb-4">Sortilèges</h1>
     <spell-list/>
   </div>
 </template>
@@ -15,4 +16,8 @@
   }
 </script>
 
-<style lang="scss"></style>
+<style lang="scss">
+  #spell-container{
+    background: url('/img/bg1.png') center center fixed repeat;
+  }
+</style>