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

Add ProjectBreadcrumb component

Browse source
This commit is contained in:
Oliver Davies 2019-04-28 18:50:05 +01:00
parent 1d7d0ab60b
commit 744bb47ae7
3 changed files with 29 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/Banner.vue
View file

@ -2,14 +2,16 @@
<div>
<header class="bg-gray-900 text-white pt-4 pb-12">
<div class="max-w-6xl mx-auto px-4">
<div class="flex justify-between items-center -mx-4">
<div class="w-1/2 px-4">
<div class="flex-1 flex justify-between items-center -mx-4">
<div class="w-1/7 px-4">
<router-link :to="{ name: 'projects' }">
<svg alt="icon" class="w-6 h-6" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><polygon id="path-1" points="0 0 27.6677333 0 27.6677333 11.0021333 0 11.0021333"></polygon><polygon id="path-3" points="0 0.0373333333 27.6677333 0.0373333333 27.6677333 3.7744 0 3.7744"></polygon><polygon id="path-5" points="0 0.365866667 27.6677333 0.365866667 27.6677333 6.01066667 0 6.01066667"></polygon></defs><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-61.000000, -43.000000)"><g transform="translate(61.000000, 43.000000)"><g><mask id="mask-2" fill="white"><use xlink:href="#path-1"></use></mask><g></g><polygon fill="#ffffff" mask="url(#mask-2)" points="-1.86666667 12.8688 29.5344 12.8688 29.5344 -1.86666667 -1.86666667 -1.86666667"></polygon></g><g transform="translate(0.000000, 23.893333)"><mask id="mask-4" fill="white"><use xlink:href="#path-3"></use></mask><polygon fill="#ffffff" mask="url(#mask-4)" points="-1.86666667 5.64106667 29.5344 5.64106667 29.5344 -1.82933333 -1.86666667 -1.82933333"></polygon></g><g transform="translate(0.000000, 14.186667)"><mask id="mask-6" fill="white"><use xlink:href="#path-5"></use></mask><polygon fill="#ffffff" mask="url(#mask-6)" points="-1.86666667 7.87733333 29.5344 7.87733333 29.5344 -1.5008 -1.86666667 -1.5008"></polygon></g></g></g></g></svg>
</router-link>
</div>
<div class="w-1/2 px-4">
<slot name="banner-left"></slot>
<div class="w-1/4 px-4">
<div class="flex justify-end">
<button type="button" class="font-semibold hover:bg-gray-700 py-1 px-2 rounded inline-flex">
Oliver Davies