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

Update colours in markup

Browse source
This commit is contained in:
Oliver Davies 2019-03-10 09:04:53 +00:00
parent 989085fac4
commit fc04267074
18 changed files with 98 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/Environment/QuickHelp.vue
View file

@ -1,6 +1,6 @@
<template>
<div class="bg-white border-t-10 border-purple mb-6" :class="[hidden ? 'hidden' : 'block lg:flex']">
<div class="flex-none py-3 pl-3 pr-8 border-b lg:border-r border-grey-lighter">
<div class="flex-none py-3 pl-3 pr-8 border-b lg:border-r border-grey-2">
<div class="flex items-center">
<svg class="h-6 w-6 mr-1 text-purple fill-current" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__info"></use></svg>
Quick help
@ -22,15 +22,15 @@
:key="item.subject"
type="button"
class="hover:underline focus:underline mr-6 focus:outline-none"
:class="[ i === selected ? 'text-grey-darkest' : 'text-blue-dark' ]"
:class="[ i === selected ? 'text-grey-darkest' : 'text-blue-3' ]"
@click="selected = i"
>{{ item.subject }}</button>
</div>
<div class="leading-normal">
<p class="text-sm text-grey-darker">
<p class="text-sm text-grey-6">
{{ items[selected].text }}
<a href="#0" class="text-blue-dark no-underline hover:underline focus:underline">Learn more</a>
<a href="#0" class="text-blue-3 no-underline hover:underline focus:underline">Learn more</a>
</p>
</div>
</div>