Skip to content

Commit

Permalink
docs: vm update
Browse files Browse the repository at this point in the history
  • Loading branch information
posva committed Nov 8, 2023
1 parent a259f88 commit 73fbc5a
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 20 deletions.
36 changes: 20 additions & 16 deletions packages/docs/.vitepress/theme/components/VueMasteryHomeLink.vue
Original file line number Diff line number Diff line change
@@ -1,47 +1,51 @@
<script setup lang="ts">
</script>
<script setup lang="ts"></script>

<template>
<div class="container">
<div class="inside">
<a href="https://www.vuemastery.com/pinia?coupon=PINIA-DOCS&via=eduardo" target="_blank">
<a
href="https://www.vuemastery.com/pinia?coupon=PINIA-DOCS&via=eduardo"
target="_blank"
>
<span class="logo-wrapper">
<img alt="Vue Mastery Logo" width="25px" src="https://firebasestorage.googleapis.com/v0/b/vue-mastery.appspot.com/o/flamelink%2Fmedia%2Fvue-mastery-logo-small.png?alt=media&token=941fcc3a-2b6f-40e9-b4c8-56b3890da108">
<img
alt="Vue Mastery Logo"
width="25px"
src="https://firebasestorage.googleapis.com/v0/b/vue-mastery.appspot.com/o/flamelink%2Fmedia%2Fvue-mastery-logo-small.png?alt=media&token=941fcc3a-2b6f-40e9-b4c8-56b3890da108"
/>
</span>
<span class="description">
Get the <span class="highlight">Pinia Cheat Sheet</span> from Vue Mastery
Get the <span class="highlight">Pinia Cheat Sheet</span> from Vue
Mastery
</span>
</a>
</div>
</div>
</template>


<style scoped>
.container {
text-align: center;
margin-top: 30px;
}
.inside {
width:960px;
width: 960px;
border-bottom: 1px solid var(--c-divider);
padding-bottom:50px;
padding-bottom: 50px;
margin: 0 auto;
}
a {
background-color: var(--c-bg-accent);
border-radius: 8px;
padding: 8px 16px 8px 8px;
text-decoration: none !important;
}
.description {
line-height: 20px;
color: var(--c-text);
margin-left:10px;
margin-left: 10px;
transition: color 0.5s;
}
a:hover {
text-decoration: none !important;
}
a:hover .highlight {
text-decoration: underline;
}
Expand All @@ -50,14 +54,14 @@ a:hover .highlight {
}
@media (max-width: 960px) {
.inside {
width:100%;
width: 100%;
}
}
@media (max-width: 420px) {
@media (max-width: 420px) {
a {
display:block;
display: block;
margin-left: 10px;
margin-right: 10px;
}
}
</style>
</style>
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@ a {
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
text-decoration: none !important;
}
.description {
Expand All @@ -38,10 +39,6 @@ a {
transition: color 0.5s;
}
a:hover {
text-decoration: none !important;
}
.description span {
color: var(--vp-c-brand);
}
Expand Down

0 comments on commit 73fbc5a

Please sign in to comment.