<template>
  <div class="wrapper">
    <img class="img-title" src="../static/img/img-install-title.png" @click="installExtension">
    <div class="row">
      <img src="../static/img/img-install-01.png">
      <img src="../static/img/img-install-02.png">
      <img src="../static/img/img-install-03.png">
      <img src="../static/img/img-install-04.png">
    </div>
  </div>
</template>

<script>
export default {
	name: "install",
  methods: {
		installExtension() {
			let url = 'https://d3d9wvhy948gxx.cloudfront.net/extensions/chrome/denet.zip'
			location.href= url;
		},
  }
}
</script>

<style scoped lang="scss">
.wrapper {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  box-sizing: border-box;
  .img-title {
    width: 510px;
    margin-bottom: 90px;
    cursor: pointer;
  }
  .row {
    img {
      width: 270px;
      margin-right: 30px;
    }
  }
}
</style>
