From fd1f72a5181bfa279aefc6dc3f7e9a1c7d9bd616 Mon Sep 17 00:00:00 2001
From: ManUtopiK <emmanuel.salomon@gmail.com>
Date: Mon, 15 Feb 2021 05:10:32 +0100
Subject: [PATCH] fix: missing classes for purgecss
---
plugins/vue-tailwind.js | 39 ++++++++++++++++++++++++++++++++++++++-
1 file changed, 38 insertions(+), 1 deletion(-)
diff --git a/plugins/vue-tailwind.js b/plugins/vue-tailwind.js
index 20eab77f..0c799ef3 100644
--- a/plugins/vue-tailwind.js
+++ b/plugins/vue-tailwind.js
@@ -28,7 +28,7 @@ const settings = {
component: TInput,
props: {
classes:
- 'block w-full px-3 py-2 text-black placeholder-gray-400 transition duration-100 ease-in-out bg-white border border-gray-300 rounded shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-gray-700 dark:border-gray-600',
+ 'block w-full px-3 py-2 text-black placeholder-gray-400 transition duration-100 ease-in-out bg-white border border-gray-300 rounded shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-gray-700 dark:border-gray-600 dark:text-white',
},
},
't-textarea': {
@@ -41,6 +41,10 @@ const settings = {
't-button': {
component: TButton,
props: {
+ fixedClasses:
+ 'block px-4 py-2 transition duration-100 ease-in-out focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',
+ classes:
+ 'text-white bg-blue-500 border border-transparent shadow-sm rounded hover:bg-blue-600',
variants: {
text:
'block px-4 py-2 transition duration-100 ease-in-out rounded hover:shadow-sm hover:underline hover:bg-white hover:bg-opacity-50 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',
@@ -126,6 +130,39 @@ const settings = {
't-modal': {
component: TModal,
props: {
+ fixedClasses: {
+ overlay:
+ 'z-40 overflow-auto scrolling-touch left-0 top-0 bottom-0 right-0 w-full h-full fixed bg-opacity-50',
+ wrapper: 'relative mx-auto z-50 max-w-lg px-3 py-12',
+ modal: 'overflow-visible relative rounded',
+ body: 'p-3',
+ header: 'border-b p-3 rounded-t',
+ footer: ' p-3 rounded-b',
+ close:
+ 'flex items-center justify-center rounded-full absolute right-0 top-0 -m-3 h-8 w-8 transition duration-100 ease-in-out focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50',
+ },
+ classes: {
+ overlay: 'bg-black',
+ wrapper: '',
+ modal: 'bg-white shadow',
+ body: 'p-3',
+ header: 'border-gray-100',
+ footer: 'bg-gray-100',
+ close: 'bg-gray-100 text-gray-600 hover:bg-gray-200',
+ closeIcon: 'fill-current h-4 w-4',
+ overlayEnterClass: '',
+ overlayEnterActiveClass: 'opacity-0 transition ease-out duration-100',
+ overlayEnterToClass: 'opacity-100',
+ overlayLeaveClass: 'transition ease-in opacity-100',
+ overlayLeaveActiveClass: '',
+ overlayLeaveToClass: 'opacity-0 duration-75',
+ enterClass: '',
+ enterActiveClass: '',
+ enterToClass: '',
+ leaveClass: '',
+ leaveActiveClass: '',
+ leaveToClass: '',
+ },
variants: {
large: {
modal: 'bg-white shadow rounded dark:bg-gray-600',
--
GitLab