improve playground link styling

yyx990803 · yyx990803 · commit 677bf66a60b3 · 2022-01-20T12:23:47.000+08:00
diff --git a/.vitepress/theme/styles/inline-demo.css b/.vitepress/theme/styles/inline-demo.css
@@ -1,3 +1,21 @@
+.vt-doc a[href^="https://sfc.vuejs.org"]:before {
+  content: "▶";
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+  border-radius: 10px;
+  vertical-align: middle;
+  position: relative;
+  top: -2px;
+  color: var(--vt-c-green);
+  border: 2px solid var(--vt-c-green);
+  margin-right: 8px;
+  margin-left: 4px;
+  line-height: 16px;
+  padding-left: 4px;
+  font-size: 11px;
+}
+
 .demo {
   transition: border-color 0.5s;
   padding: 22px 24px;
diff --git a/.vitepress/theme/styles/pages.css b/.vitepress/theme/styles/pages.css
@@ -1,3 +1,4 @@
+/* always show anchors on /api/ and /style-guide/ pages */
 .vt-doc.api h2 .header-anchor,
 .vt-doc.style-guide h2 .header-anchor {
   opacity: 1;

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+/* always show anchors on /api/ and /style-guide/ pages */`
`1`	`2`	`.vt-doc.api h2 .header-anchor,`
`2`	`3`	`.vt-doc.style-guide h2 .header-anchor {`
`3`	`4`	`opacity: 1;`