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

improve sidebar

Browse Source
This commit is contained in:
Hans Pagel
2020-08-20 21:30:05 +02:00
parent 871919b18a
commit 4a6e75a292
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -43,16 +43,16 @@
<div class="app__link-group-title"> <div class="app__link-group-title">
{{ linkGroup.title }} {{ linkGroup.title }}
</div> </div>
<ul> <ul class="app__link-list">
<li v-for="(item, j) in linkGroup.items" :key="j"> <li v-for="(item, j) in linkGroup.items" :key="j">
<g-link class="app__link" :to="item.link"> <g-link class="app__link" :to="item.link">
{{ item.title }} {{ item.title }}
</g-link> </g-link>
<ul v-if="item.items"> <ul v-if="item.items" class="app__link-list">
<li v-for="(item, k) in item.items" :key="k"> <li v-for="(item, k) in item.items" :key="k">
<g-link class="app__link" :to="item.link"> <g-link class="app__link" :to="item.link">
‒ {{ item.title }} {{ item.title }}
</g-link> </g-link>
</li> </li>
</ul> </ul>

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

@@ -24,6 +24,13 @@ $menuBreakPoint: 750px;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
&__link-list &__link-list {
padding-left: 1rem;
margin-top: 0.5rem;
margin-bottom: 1.5rem;
border-left: 2px solid rgba($colorBlack, 0.1);
}
&__link { &__link {
display: block; display: block;
padding: 0.1rem 0.5rem; padding: 0.1rem 0.5rem;