➕ 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">
+  <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>
+    <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>
+  <div>
    <Navbar />
    <Hero />
    <div class="columns mt-6 mb-6 mx-4">
-    <div class="column is-one-fifth">
+      <div class="column is-one-fifth mx-2">
        <Panel />
      </div>
-    <div class="column">
-      Fourth column
-    </div>
+      <div class="column mx-2"></div>
    </div>
    <Footer />
+  </div>
 </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 {}