➕ Add components

4 years ago · 1356251a2b
3 changed files with 30 additions and 25 deletions
--- a/web/public/index.html
+++ b/web/public/index.html
@ -1,17 +1,21 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <link rel="icon" href="<%= BASE_URL %>undraw_server_q2pb.svg">
+  <title><%= htmlWebpackPlugin.options.title %></title>
+</head>
+
+<body>
+  <noscript>
+    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
+      Please enable it to continue.</strong>
+  </noscript>
+  <div id="app"></div>
+  <!-- built files will be auto injected -->
+</body>
+
 </html>
--- a/web/public/undraw_server_q2pb.svg
+++ b/web/public/undraw_server_q2pb.svg
--- a/web/src/App.vue
+++ b/web/src/App.vue
@ -1,15 +1,15 @@
 <template>
-  <Navbar />
-  <Hero />
-  <div class="columns mt-6 mb-6 mx-4">
-    <div class="column is-one-fifth">
-      <Panel />
-    </div>
-    <div class="column">
-      Fourth column
+  <div>
+    <Navbar />
+    <Hero />
+    <div class="columns mt-6 mb-6 mx-4">
+      <div class="column is-one-fifth mx-2">
+        <Panel />
+      </div>
+      <div class="column mx-2"></div>
    </div>
+    <Footer />
  </div>
-  <Footer />
 </template>

 <script lang="ts">
@ -23,8 +23,8 @@ import Footer from '@/components/Footer.vue';
  components: {
    Navbar,
    Hero,
-    Footer,
    Panel,
+    Footer,
  },
 })
 export default class App extends Vue {}