Fix safelist tailwind

resources/js/components/common/Button.vue

@@ -3,12 +3,12 @@
     bg-${color}-${colorShades['main']} hover:bg-${color}-${colorShades['hover']} focus:ring-${color}-${colorShades['ring']}
     focus:ring-offset-${color}-${colorShades['ring-offset']} text-${colorShades['text']}
     transition ease-in duration-200 text-center text-${sizes['font']} font-semibold focus:outline-none focus:ring-2
-    focus:ring-offset-2 border-2 border-${colorShades['border']} rounded-full `"
-          class="btn" @click="$emit('click',$event)"
+    focus:ring-offset-2 border-2 border-${colorShades['border']} rounded-lg`"
+          @click="$emit('click',$event)"
   >
     <template v-if="!loading">
       <slot />
-      <svg v-if="arrow" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="float-right mt-1 ml-2 w-4 h-4">
+      <svg v-if="arrow" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="float-right mt-1 ml-2 w-4 h-4">
         <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 19.5l15-15m0 0H8.25m11.25 0v11.25" />
       </svg>
     </template>
@@ -23,7 +23,7 @@ export default {
   props: {
     color: {
       type: String,
-      default: 'normal'
+      default: 'blue'
     },
 
     shade: {
@@ -38,7 +38,7 @@ export default {
 
     nativeType: {
       type: String,
-      default: 'submit'
+      default: null
     },
 
     loading: {
@@ -54,26 +54,6 @@ export default {
 
   computed: {
     colorShades () {
-      if (this.color === 'nt-blue') {
-        return {
-          main: 'default',
-          hover: 'light',
-          ring: 'light',
-          'ring-offset': 'lighter',
-          text: 'white',
-          border: 'nt-blue'
-        }
-      }
-      if (['red','green','blue'].indexOf(this.color) >= 0) {
-        return {
-          main: '600',
-          hover: 'light',
-          ring: 'light',
-          'ring-offset': 'lighter',
-          text: 'white',
-          border: 'white'
-        }
-      }
       if (this.shade === 'lighter') {
         return {
           main: '200',
@@ -81,7 +61,7 @@ export default {
           ring: '100',
           'ring-offset': '50',
           text: 'gray-900',
-          border: 'nt-blue'
+          border: 'blue'
         }
       }
       if (this.shade === 'light') {
@@ -99,8 +79,8 @@ export default {
         hover: '700',
         ring: '500',
         'ring-offset': '200',
-        text: 'nt-blue',
-        border: 'nt-blue'
+        text: 'white',
+        border: 'blue'
       }
     },
     sizes () {