Add breadcrumb
This commit is contained in:
parent
48b6e297f8
commit
617955e084
5 changed files with 88 additions and 45 deletions
|
@ -4,10 +4,6 @@
|
|||
<navbar></navbar>
|
||||
|
||||
<title-block>
|
||||
<template slot="left">
|
||||
<div class="text-2xl font-hairline mr-2">Applications</div>
|
||||
</template>
|
||||
|
||||
<template slot="right">
|
||||
<header-buttons :links="[
|
||||
{ title: 'Add Application', icon: 'alpha__new-app', disabled: false },
|
||||
|
|
|
@ -3,28 +3,7 @@
|
|||
<div class="fixed top-0 w-full z-30">
|
||||
<navbar></navbar>
|
||||
|
||||
<title-block>
|
||||
<template slot="left">
|
||||
<div class="text-xs mb-3">
|
||||
<ol class="list-reset flex">
|
||||
<li class="flex items-center pr-1">
|
||||
<router-link to="/" class="text-blue-300 no-underline hover:underline mr-1">Applications</router-link>
|
||||
<svg class="w-3 h-3 fill-current text-grey" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12.95 10.707l.707-.707L8 4.343 6.586 5.757 10.828 10l-4.242 4.243L8 15.657l4.95-4.95z" fill-rule="evenodd"/></svg>
|
||||
</li>
|
||||
<li class="flex items-center pr-1">
|
||||
<router-link :to="{ name: 'environments' }" class="text-blue-300 no-underline hover:underline mr-1">{{ application.name }}</router-link>
|
||||
<svg class="w-3 h-3 fill-current text-grey" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12.95 10.707l.707-.707L8 4.343 6.586 5.757 10.828 10l-4.242 4.243L8 15.657l4.95-4.95z" fill-rule="evenodd"/></svg>
|
||||
</li>
|
||||
<li>{{ environment.name }}</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<button class="flex flex-1 items-center justify-between md:justify-start">
|
||||
<div class="text-2xl font-hairline">{{ application.name }} : {{ environment.name }}</div>
|
||||
<svg class="h-6 w-6 text-blue-300 fill-current ml-2" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__down-arrow"></use></svg>
|
||||
</button>
|
||||
</template>
|
||||
|
||||
<title-block :application="application" :environment="environment">
|
||||
<template slot="right">
|
||||
<header-buttons :links="[
|
||||
!isProduction ? { title: 'Install Drupal', icon: 'actions__upload', disabled: false } : {},
|
||||
|
|
|
@ -3,24 +3,7 @@
|
|||
<div class="fixed top-0 w-full z-30">
|
||||
<navbar></navbar>
|
||||
|
||||
<title-block>
|
||||
<template slot="left">
|
||||
<div class="text-xs mb-3">
|
||||
<ol class="list-reset flex">
|
||||
<li class="flex items-center pr-1">
|
||||
<router-link to="/" class="text-blue-300 no-underline hover:underline mr-1">Applications</router-link>
|
||||
<svg class="w-3 h-3 fill-current text-grey" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12.95 10.707l.707-.707L8 4.343 6.586 5.757 10.828 10l-4.242 4.243L8 15.657l4.95-4.95z" fill-rule="evenodd"/></svg>
|
||||
</li>
|
||||
<li>{{ application.name }}</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<button class="flex flex-1 items-center justify-between md:justify-start">
|
||||
<div class="text-2xl font-hairline mr-2">{{ application.name }}</div>
|
||||
<svg class="h-6 w-6 text-blue-300 fill-current" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__down-arrow"></use></svg>
|
||||
</button>
|
||||
</template>
|
||||
|
||||
<title-block :application="application">
|
||||
<template slot="right">
|
||||
<div class="flex items-center">
|
||||
<div class="hidden md:block">
|
||||
|
|
Reference in a new issue