Created header and the start of a shopping cart.

2025-12-08 20:38:56 +00:00 · 2019-12-02 23:46:24 +01:00
parent 36db97a7d6
commit 6f15c53cca
36 changed files with 8341 additions and 0 deletions
--- a/frontend/components/Home.vue
+++ b/frontend/components/Home.vue
@@ -0,0 +1,34 @@
+<template>
+  <div class="container">
+    <!-- <div class="img" :style="{'background-image': 'url(https://i.imgur.com/GTPZgje.jpg)'}"></div> -->
+    <div class="img" :style="{'background-image': 'url(./frontend/assets/images/IMG_1122.jpeg)'}"></div>
+
+    <h1>Welcome home</h1>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Home',
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  height: 200vh;
+}
+
+.img {
+  height: calc(80vh - 80px);
+  width: 100vw;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+h1 {
+  font-weight: 500;
+  padding: 1rem;
+  margin: 0;
+}
+</style>