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

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

2
vuejs/package.json
View file

@ -13,7 +13,7 @@
"core-js": "^2.6.5",
"postcss-nested": "^4.1.2",
"qs": "^6.8.0",
"tailwindcss": "^1.0.1",
"tailwindcss": "^1.1.2",
"vue": "^2.6.10",
"vue-router": "^3.0.3"
},

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>

9
vuejs/tailwind.config.js Normal file
View file

@ -0,0 +1,9 @@
module.exports = {
theme: {
extend: {}
},
variants: {
margin: ['responsive', 'first', 'last'],
},
plugins: []
}

17
vuejs/yarn.lock
View file

@ -7947,6 +7947,14 @@ realpath-native@^1.0.0:
dependencies:
util.promisify "^1.0.0"
reduce-css-calc@^2.1.6:
version "2.1.6"
resolved "https://registry.yarnpkg.com/reduce-css-calc/-/reduce-css-calc-2.1.6.tgz#050fe6ee7d98a1d70775d2e93ce0b713cee394d2"
integrity sha512-+l5/qlQmdsbM9h6JerJ/y5vR5Ci0k93aszLNpCmbadC3nBcbRGmIBm0s9Nj59i22LvCjTGftWzdQRwdknayxhw==
dependencies:
css-unit-converter "^1.1.1"
postcss-value-parser "^3.3.0"
regenerate-unicode-properties@^8.0.2:
version "8.1.0"
resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-8.1.0.tgz#ef51e0f0ea4ad424b77bf7cb41f3e015c70a3f0e"
@ -8995,10 +9003,10 @@ table@^5.2.3:
slice-ansi "^2.1.0"
string-width "^3.0.0"
tailwindcss@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-1.0.1.tgz#3116e989c64540f1c11214e8b4c08b6aea548be5"
integrity sha512-tNyvmizhIY9ydXX8m84S/69851QROZzbH6RB/Q4w0K27OssupGcyXeD8zumzb9Yuzq6PifBH2A6ehjuBPklnYA==
tailwindcss@^1.1.2:
version "1.1.2"
resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-1.1.2.tgz#0107dc092c3edee6132b105d896b109c0f66afd6"
integrity sha512-mcTzZHXMipnQY9haB17baNJmBTkYYcC8ljfMdB9/97FfhKJIzlglJcyGythuQTOu7r/QIbLfZYYWZhAvaGj95A==
dependencies:
autoprefixer "^9.4.5"
bytes "^3.0.0"
@ -9013,6 +9021,7 @@ tailwindcss@^1.0.1:
postcss-nested "^4.1.1"
postcss-selector-parser "^6.0.0"
pretty-hrtime "^1.0.3"
reduce-css-calc "^2.1.6"
tapable@^1.0.0, tapable@^1.1.0:
version "1.1.3"