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>
This commit is contained in:
BeADre 2023-07-09 13:04:47 +08:00 committed by GitHub
parent 516fabb725
commit 5ee992cfea
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 10 deletions

View File

@ -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);
}