src/components/GetStarted.vue

   1 <template>
   2   <article>
   3     <div class="m-6 has-text-centered py-6">
   4       <p class="is-size-5 mb-0">No configured service found!</p>
   5       <p>Check out the documentation to start building your Homer dashboard.</p>
   6       <p>
   7         <a
   8           class="button is-primary mt-5 has-text-weight-bold"
   9           href="https://github.com/bastienwirtz/homer/blob/main/README.md#getting-started"
  10           target="_blank"
  11         >
  12           Get started
  13         </a>
  14       </p>
  15     </div>
  16   </article>
  17 </template>
  18
  19 <script>
  20 export default {
  21   name: "GetStarted",
  22 };
  23 </script>
  24
  25 <style lang="scss" scoped>
  26 p {
  27   color: #4a4a4a;
  28 }
  29
  30 body #app a {
  31   font-weight: 900;
  32   color: #ffffff;
  33   font-family: "Lato", sans-serif;
  34 }
  35 </style>