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

Re-order classes

Browse source
This commit is contained in:
Oliver Davies 2019-06-14 21:47:14 +01:00
parent 96eb594600
commit 5dd6e80825
5 changed files with 14 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/DrupalMessage.vue
View file

@ -1,6 +1,6 @@
<template>
<div :class="[ wrapperClasses, wrapperClasses ? 'pl-2 rounded-sm' : '' ]">
<div class="py-4 pl-3 pr-4 mb-6 border flex items-center rounded-sm" :class="classes">
<div class="flex items-center py-4 pl-3 pr-4 mb-6 border rounded-sm" :class="classes">
<svg v-if="type == 'status'" class="fill-current w-4 h-4 text-green-300 mr-3" xmlns="http://www.w3.org/2000/svg"><path d="M6.464 13.676a.502.502 0 0 1-.707 0L.797 8.721a.502.502 0 0 1 0-.707l1.405-1.407a.5.5 0 0 1 .707 0l2.849 2.848a.504.504 0 0 0 .707 0l6.629-6.626a.502.502 0 0 1 .707 0l1.404 1.404a.504.504 0 0 1 0 .707l-8.741 8.736z"/></svg>
<slot></slot>
</div>

10
src/components/MainMenu.vue
View file

@ -2,7 +2,7 @@
<div>
<button
type="button"
class="w-full p-3 block sm:hidden bg-blue-100 text-sm text-grey-600 text-left focus:outline-none"
class="w-full block p-3 bg-blue-100 text-sm text-grey-600 text-left focus:outline-none sm:hidden"
@click="toggle"
>
<div class="flex items-center justify-between">
@ -15,16 +15,16 @@
</div>
</button>
<div class="xl:max-w-6xl mx-auto px-4 sm:block" :class="[ isOpen ? 'block' : 'hidden' ]">
<div class="mx-auto px-4 sm:block xl:max-w-6xl" :class="[ isOpen ? 'block' : 'hidden' ]">
<div class="mt-2 sm:mt-0">
<nav class="flex flex-wrap pb-1 md:p-0 -mx-3 sm:-mx-0">
<nav class="flex flex-wrap pb-1 -mx-3 sm:-mx-0 md:p-0">
<div
class="px-1 sm:pl-0 mb-1 md:mb-0 inline-block w-full sm:w-1/3 md:w-auto"
class="w-full inline-block px-1 mb-1 md:mb-0 sm:w-1/3 sm:pl-0 md:w-auto"
:key="link.title"
v-for="(link, index) in links"
>
<a
class="block text-sm no-underline text-black px-3 py-2 rounded-lg md:rounded-none md:rounded-t-lg sm:text-center"
class="block px-3 py-2 rounded-lg text-sm text-black no-underline sm:text-center md:rounded-none md:rounded-t-lg"
:class="[ index == activeTab ? 'bg-white' : 'bg-blue-100 hover:bg-white' ]"
:href="link.href"
>

2
src/components/SidebarBlock.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="bg-grey-100 p-4 mb-4">
<div class="p-4 mb-4 bg-grey-100">
<slot></slot>
</div>
</template>

2
src/components/SkipLink.vue
View file

@ -1,5 +1,5 @@
<template>
<div>
<a href="#main-content" class="skip-link text-white bg-black-60 py-1 px-2 rounded-b-lg focus:no-underline focus:outline-none">Skip to main content</a>
<a href="#main-content" class="skip-link py-1 px-2 rounded-b-lg text-white bg-black-60 focus:no-underline focus:outline-none">Skip to main content</a>
</div>
</template>