root
/
vue3-core
mirror of https://github.com/vuejs/core.git
1
0
Fork 0
Code Issues Actions 5 Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/sfc-playground/src/Header.vue
View File

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