ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

add premium hints everywhere, add premium flags to the navigation, add a license page

Browse Source
This commit is contained in:
Hans Pagel
2020-10-28 18:05:20 +01:00
parent 83eac2ddd8
commit 86c528830c
12 changed files with 168 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/src/layouts/App/index.vue
View File

@@ -149,13 +149,13 @@
</div>
<ul class="app__link-list">
<li v-for="(item, j) in linkGroup.items" :key="j">
<g-link :class="{ 'app__link': true, 'app__link--draft': item.draft === true, 'app__link--with-children': item.items }" :to="item.link" :exact="item.link === '/'">
<g-link :class="{ 'app__link': true, 'app__link--draft': item.draft === true, 'app__link--premium': item.premium === true, 'app__link--with-children': item.items }" :to="item.link" :exact="item.link === '/'">
{{ item.title }}
</g-link>
<ul v-if="item.items" class="app__link-list">
<li v-for="(item, k) in item.items" :key="k">
<g-link :class="{ 'app__link': true, 'app__link--draft': item.draft === true }" :to="item.link" exact>
<g-link :class="{ 'app__link': true, 'app__link--draft': item.draft === true, 'app__link--premium': item.premium === true }" :to="item.link" exact>
{{ item.title }}
</g-link>
</li>

11
docs/src/layouts/App/style.scss
View File

@@ -183,6 +183,17 @@ $menuBreakPoint: 800px;
color: rgba($colorWhite, 0.2);
}
&--premium {
&::after {
content: 'PRO';
color: $colorPurple;
background-color: rgba($colorPurple, 0.1);
box-decoration-break: clone;
padding: 0 0.5em;
border-radius: 5px;
}
}
&--with-children::after {
content: '↓';
color: rgba($colorWhite, 0.2);