From 3c11a7e735746cc99aa53e646a0c284b8f8394b9 Mon Sep 17 00:00:00 2001 From: Eduardo San Martin Morote Date: Mon, 28 Feb 2022 17:44:41 +0100 Subject: [PATCH] docs: format --- packages/docs/.vitepress/theme/Layout.ts | 31 +++++++++++++---------- packages/docs/.vitepress/theme/custom.css | 22 ++++++++++------ 2 files changed, 32 insertions(+), 21 deletions(-) diff --git a/packages/docs/.vitepress/theme/Layout.ts b/packages/docs/.vitepress/theme/Layout.ts index b6a7b34e..5c80ce0d 100644 --- a/packages/docs/.vitepress/theme/Layout.ts +++ b/packages/docs/.vitepress/theme/Layout.ts @@ -16,19 +16,24 @@ export const Layout = defineComponent({ Theme.Layout, {}, { - 'home-hero': ()=>( - h("div", { - class: "vue-school-homepage-link", - }, [ - h("a", { - href: "https://vueschool.io/lessons/introduction-to-pinia?friend=vuerouter&utm_source=pinia&utm_medium=link&utm_campaign=homepage", - target:"_blank", - rel:"noopener" - }, - [h("span", "Watch Video Introduction")] - ) - ]) - ), + 'home-hero': () => + h( + 'div', + { + class: 'vue-school-homepage-link', + }, + [ + h( + 'a', + { + href: 'https://vueschool.io/lessons/introduction-to-pinia?friend=vuerouter&utm_source=pinia&utm_medium=link&utm_campaign=homepage', + target: '_blank', + rel: 'noopener', + }, + [h('span', 'Watch Video Introduction')] + ), + ] + ), 'sidebar-top': () => h('div', { class: 'sponsors sponsors-top' }, [ h('span', 'Platinum Sponsors'), diff --git a/packages/docs/.vitepress/theme/custom.css b/packages/docs/.vitepress/theme/custom.css index 7247ba93..84a32a99 100644 --- a/packages/docs/.vitepress/theme/custom.css +++ b/packages/docs/.vitepress/theme/custom.css @@ -211,14 +211,17 @@ code { width: auto; max-width: 150px; } -.vue-school-homepage-link{ - text-align: center; margin-top: -40px; + +.vue-school-homepage-link { + text-align: center; + margin-top: -40px; } -.vue-school-homepage-link a{ +.vue-school-homepage-link a { position: relative; padding-left: 23px; } -.vue-school-homepage-link a::before{ + +.vue-school-homepage-link a::before { content: ''; position: absolute; display: block; @@ -229,7 +232,8 @@ code { border-radius: 50%; border: 1px solid var(--c-brand); } -.vue-school-homepage-link a::after{ + +.vue-school-homepage-link a::after { content: ''; position: absolute; display: block; @@ -241,8 +245,10 @@ code { border-bottom: 4px solid transparent; border-left: 7px solid var(--c-brand); } -@media screen and (max-width: 720px){ - .vue-school-homepage-link{ - text-align: center; margin-top: -20px; + +@media screen and (max-width: 720px) { + .vue-school-homepage-link { + text-align: center; + margin-top: -20px; } } -- 2.47.3