From: BeADre <beadre_wang@163.com>
Date: Sun, 9 Jul 2023 05:04:47 +0000 (+0800)
Subject: fix(playground): fix github button style (#7722)
X-Git-Tag: v3.3.5~83
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=5ee992cfeabc6c4b871980c6057d0ac7140ad2fa;p=thirdparty%2Fvuejs%2Fcore.git

fix(playground): fix github button style (#7722)

* fix(playground): fix github button style

* style: merge selector

* Update Header.vue

---------

Co-authored-by: GU Yiling <justice360@gmail.com>
---

diff --git a/packages/sfc-playground/src/Header.vue b/packages/sfc-playground/src/Header.vue
index e6e4521bdb..d8271b8e52 100644
--- a/packages/sfc-playground/src/Header.vue
+++ b/packages/sfc-playground/src/Header.vue
@@ -161,14 +161,14 @@ async function fetchVersions(): Promise<string[]> {
       >
         <Download />
       </button>
-      <button title="View on GitHub" class="github">
-        <a
-          href="https://github.com/vuejs/core/tree/main/packages/sfc-playground"
-          target="_blank"
-        >
-          <GitHub />
-        </a>
-      </button>
+      <a
+        href="https://github.com/vuejs/core/tree/main/packages/sfc-playground"
+        target="_blank"
+        title="View on GitHub"
+        class="github"
+      >
+        <GitHub />
+      </a>
     </div>
   </nav>
 </template>
@@ -302,12 +302,13 @@ h1 img {
 }
 
 .links button,
-.links button a {
+.links .github {
+  padding: 1px 6px;
   color: var(--btn);
 }
 
 .links button:hover,
-.links button:hover a {
+.links .github:hover {
   color: var(--highlight);
 }