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

Rename component

Browse source
This commit is contained in:
Oliver Davies 2018-12-28 00:04:50 +00:00
parent 618a538ed5
commit 689df8b10a
3 changed files with 11 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/DrupalBlock.vue
View file

@ -1,13 +0,0 @@
<template>
<div class="drupal-block">
<slot></slot>
</div>
</template>
<style lang="sass" scoped>
.drupal-block
@apply bg-grey-lightest p-4
&:not(:last-child)
@apply mb-4
</style>

5
src/components/SidebarBlock.vue Normal file
View file

@ -0,0 +1,5 @@
<template>
<div class="bg-grey-lightest p-4 mb-4">
<slot></slot>
</div>
</template>

10
src/components/Welcome.vue
View file

@ -38,8 +38,8 @@
</div> </div>
</div> </div>
<div class="w-full md:w-1/3 lg:w-1/4 flex-none md:px-6"> <div class="w-full md:w-1/3 lg:w-1/4 flex-none md:px-6 -mb-4">
<drupal-block> <sidebar-block>
<h2 class="font-serif font-normal text-base text-grey-darkest border-b border-solid border-grey-light mb-3">Search</h2> <h2 class="font-serif font-normal text-base text-grey-darkest border-b border-solid border-grey-light mb-3">Search</h2>
<div> <div>
@ -51,7 +51,7 @@
</button> </button>
</form> </form>
</div> </div>
</drupal-block> </sidebar-block>
</div> </div>
</div> </div>
</div> </div>
@ -79,13 +79,13 @@
</template> </template>
<script> <script>
import DrupalBlock from './DrupalBlock.vue'
import MainMenu from './MainMenu.vue'; import MainMenu from './MainMenu.vue';
import SidebarBlock from './SidebarBlock.vue'
export default { export default {
components: { components: {
DrupalBlock,
MainMenu, MainMenu,
SidebarBlock,
}, },
props: { props: {