opdavies/decoupling-drupal-vuejs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update tailwindcss and styling

Browse source
This commit is contained in:
Oliver Davies 2019-08-30 17:35:14 +01:00
parent a39497e8d4
commit 7d4c7fe5f3
6 changed files with 30 additions and 12 deletions

2
vuejs/src/assets/css/tailwind.css
View file

@ -7,7 +7,7 @@ h2 {
input,
textarea {
@apply w-full border border-gray-400 p-2 mt-1
@apply mt-1 p-2 w-full border border-gray-400
}
input[type=submit] {

8
vuejs/src/components/AcceptedSessionsList.vue
View file

@ -1,10 +1,10 @@
<template>
<div>
<h1 class="text-4xl mb-2">Sessions</h1>
<h1 class="text-4xl">Sessions</h1>
<div v-if="sessions.length" class="bg-white p-6 rounded-lg border">
<ul class="-mb-3">
<li v-for="{ attributes } in sortedSessions" :key="attributes.drupal_internal__nid" class="mb-3">
<div v-if="sessions.length" class="mt-2 p-6 bg-white rounded-lg border">
<ul>
<li v-for="{ attributes } in sortedSessions" :key="attributes.drupal_internal__nid" class="mt-3 first:mt-0">
{{ attributes.title }}
</li>
</ul>

4
vuejs/src/components/SessionFormMessage.vue
View file

@ -1,6 +1,6 @@
<template>
<div v-if="messages.length" class="border p-4 mb-6">
<ul class="list-disc list-inside ml-3">
<div v-if="messages.length" class="mb-6 p-4 border">
<ul class="ml-3 list-disc list-inside">
<li v-for="message in messages" :key="message">{{ message }}</li>
</ul>
</div>