diff --git a/src/client/components/tab.vue b/src/client/components/tab.vue index 3ea63fa59..824f15084 100644 --- a/src/client/components/tab.vue +++ b/src/client/components/tab.vue @@ -1,6 +1,6 @@ @@ -33,6 +33,10 @@ export default Vue.extend({ color: var(--accent); border-bottom-color: var(--accent); } + + > .icon { + margin-right: 6px; + } } &.max-width_500px { diff --git a/src/client/pages/pages.vue b/src/client/pages/pages.vue index a26178571..9f9c68ee2 100644 --- a/src/client/pages/pages.vue +++ b/src/client/pages/pages.vue @@ -3,24 +3,20 @@ {{ $t('pages') }} - - -
- - - - -
-
+ - - -
- - - -
-
+
+ + + + +
+ +
+ + + +
@@ -31,14 +27,15 @@ import { faStickyNote, faHeart } from '@fortawesome/free-regular-svg-icons'; import MkPagePreview from '../components/page-preview.vue'; import MkPagination from '../components/ui/pagination.vue'; import MkButton from '../components/ui/button.vue'; -import MkContainer from '../components/ui/container.vue'; +import MkTab from '../components/tab.vue'; export default Vue.extend({ components: { - MkPagePreview, MkPagination, MkButton, MkContainer + MkPagePreview, MkPagination, MkButton, MkTab }, data() { return { + tab: 'my', myPagesPagination: { endpoint: 'i/pages', limit: 5,