Merge pull request #32 from yamanoku/fix-button-interaction

fix: a tag => button tag
takanakahiko · Dec 30, 2021 · a4c4c38 · a4c4c38
2 parents ecb66ef + 074af64
commit a4c4c38
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -27,11 +27,14 @@ html {
 }
 
 .button--green {
+  -webkit-appearance: none;
+  appearance: none;
   display: inline-block;
   border-radius: 4px;
   border: 1px solid #3b8070;
   color: #3b8070;
-  text-decoration: none;
+  cursor: pointer;
+  background-color: transparent;
   padding: 10px 30px;
   @include mobile {
     padding: 5px 15px;

diff --git a/pages/index.vue b/pages/index.vue
@@ -6,9 +6,9 @@
       <input type="text" placeholder="word" v-model="word" />
       <ColorsViewer :value="colors" />
       <div class="links">
-        <a @click="share" target="_blank" class="button--green">
+        <button type="button" @click="share" class="button--green">
           シェア
-        </a>
+        </button>
         <a href="https://twitter.com/takanakahiko" target="_blank" class="button--grey" >
           つくったひと
         </a>