Change project name to be a button

This commit is contained in:
Oliver Davies 2018-12-22 00:36:38 +00:00
parent f88e89906c
commit f6b5ca904a
2 changed files with 10 additions and 4 deletions

View file

@ -5,8 +5,14 @@
<div class="border border-grey rounded overflow-hidden">
<div class="bg-white">
<div class="border-t-4 border-teal p-4">
<h2 class="text-grey-darkest mb-1">{{ environment.name }}</h2>
<div class="text-grey-darker mb-2">{{ environment.url }}</div>
<a href="#0" class="no-underline hover:underline focus:underline text-grey-darkest hover:text-blue-dark focus:text-blue-dark focus:outline-none">
<h2 class="mb-1">{{ environment.name }}</h2>
</a>
<div class="text-grey-darker mb-2">
<a href="#0" class="no-underline hover:underline focus:underline text-grey-darkest hover:text-blue-dark focus:text-blue-dark focus:outline-none">{{ environment.url }}</a>
</div>
<div class="text-grey-darker">{{ environment.label }}</div>
</div>
</div>

View file

@ -39,10 +39,10 @@
</ol>
</div>
<div class="flex flex-1 items-center justify-between md:justify-start">
<button class="flex flex-1 items-center justify-between md:justify-start">
<div class="text-2xl font-hairline mr-2">{{ project.name }}</div>
<svg class="h-6 w-6 text-blue-dark fill-current" role="presentation"><use xlink:href="icons.symbol.svg#actions__down-arrow"></use></svg>
</div>
</button>
</div>
<div class="hidden md:block">