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

Change project name to be a button

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/EnvironmentCards.vue
View file

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

4
src/components/Environments.vue
View file

@ -39,10 +39,10 @@
</ol> </ol>
</div> </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> <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> <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>
<div class="hidden md:block"> <div class="hidden md:block">