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

improve page navigation buttons

Browse Source
This commit is contained in:
Philipp Kühn
2021-02-05 10:41:45 +01:00
parent 649a1598a0
commit 25dbaee83f
2 changed files with 21 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
docs/src/components/PageNavigation/index.vue
View File

@@ -1,6 +1,5 @@
<template> <template>
<nav class="page-navigation"> <btn-wrapper class="page-navigation">
<div class="page-navigation__previous">
<btn <btn
type="secondary" type="secondary"
icon="arrow-left" icon="arrow-left"
@@ -10,8 +9,6 @@
> >
{{ previousPage.title }} {{ previousPage.title }}
</btn> </btn>
</div>
<div class="page-navigation__next">
<btn <btn
type="secondary" type="secondary"
icon="arrow-right" icon="arrow-right"
@@ -20,16 +17,17 @@
> >
{{ nextPage.title }} {{ nextPage.title }}
</btn> </btn>
</div> </btn-wrapper>
</nav>
</template> </template>
<script> <script>
import linkGroups from '@/links.yaml' import linkGroups from '@/links.yaml'
import BtnWrapper from '~/components/BtnWrapper'
import Btn from '~/components/Btn' import Btn from '~/components/Btn'
export default { export default {
components: { components: {
BtnWrapper,
Btn, Btn,
}, },

1
docs/src/components/PageNavigation/style.scss
View File

@@ -1,4 +1,3 @@
.page-navigation { .page-navigation {
display: flex;
justify-content: space-between; justify-content: space-between;
} }