opdavies/rebuilding-acquia
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add title block component

Browse source
This commit is contained in:
Oliver Davies 2018-12-25 23:19:55 +00:00
parent 56e658ec2f
commit fb739b336a
2 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/TitleBlock.vue Normal file
View file

@ -0,0 +1,9 @@
<template>
<div class="bg-grey-lighter px-4 py-5 border-b-2 border-grey flex justify-between items-center">
<div class="w-full md:w-auto flex flex-col">
<slot name="left"></slot>
</div>
<slot name="right"></slot>
</div>
</template>

2
src/main.js
View file

@ -7,10 +7,12 @@ Vue.config.productionTip = false
import HeaderButtons from '@/components/HeaderButtons' import HeaderButtons from '@/components/HeaderButtons'
import Sidebar from '@/components/Sidebar' import Sidebar from '@/components/Sidebar'
import Navbar from '@/components/Navbar' import Navbar from '@/components/Navbar'
import TitleBlock from '@/components/TitleBlock'
Vue.component('header-buttons', HeaderButtons); Vue.component('header-buttons', HeaderButtons);
Vue.component('navbar', Navbar); Vue.component('navbar', Navbar);
Vue.component('sidebar', Sidebar); Vue.component('sidebar', Sidebar);
Vue.component('title-block', TitleBlock);
new Vue({ new Vue({
render: h => h(App), render: h => h(App),