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

Extract tag component

Browse source
This commit is contained in:
Oliver Davies 2019-03-05 12:15:36 +00:00
parent 6de88853d5
commit a42d2c5514
2 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/App.vue
View file

@ -22,4 +22,10 @@
&:hover, &:hover,
&:focus &:focus
@apply bg-grey-darker @apply bg-grey-darker
.tag
@apply text-2xs uppercase py-1 px-2 rounded border border-grey bg-white mr-2 mb-2
.tag.is-type
@apply bg-blue-light border-blue-light text-white
</style> </style>

4
src/components/Application/ApplicationTags.vue
View file

@ -1,8 +1,8 @@
<template> <template>
<div> <div>
<ul class="list-reset flex flex-wrap -mr-2 -mb-2"> <ul class="list-reset flex flex-wrap -mr-2 -mb-2">
<li class="text-2xs uppercase py-1 px-2 rounded border border-transparent bg-blue-light text-white mr-2 mb-2">{{ type }}</li> <li class="tag is-type">{{ type }}</li>
<li class="text-2xs uppercase py-1 px-2 rounded border border-grey bg-white mr-2 mb-2">{{ level }}</li> <li class="tag">{{ level }}</li>
</ul> </ul>
</div> </div>
</template> </template>