Config schema and docs text changes. Fix clickable tab area in dashboard/docs.

dashboard/src/components/Tab.vue

@@ -1,9 +1,36 @@
 <template>
-  <li class="py-2 px-4 hover:text-gray-200" :class="{'pb-1 border-b border-gray-400 text-gray-200': active, 'text-gray-500': !active}">
+  <li style="padding-bottom: 1px" :class="{active: active}">
     <slot></slot>
   </li>
 </template>
 
+<style scoped>
+  li {
+    padding-bottom: 1px;
+
+    &.active {
+      padding-bottom: 0;
+      @apply border-b;
+      @apply border-gray-400;
+    }
+  }
+
+  a {
+    @apply block;
+    @apply py-2;
+    @apply px-4;
+    @apply text-gray-500;
+
+    &:hover {
+      @apply text-gray-200;
+    }
+  }
+
+  .active a {
+    @apply text-gray-200;
+  }
+</style>
+
 <script lang="ts">
   export default {
     props: ["active"],

dashboard/src/components/docs/Plugin.vue

@@ -98,9 +98,7 @@
     <div class="configuration" v-if="tab === 'configuration'">
       <!-- Basic config info -->
       <p>
-        Name in config: <code>{{ data.name }}</code>
+        <strong>Name in config:</strong> <code>{{ data.name }}</code><br>
-      </p>
-      <p>
         To enable this plugin with default configuration, add <code>{{ data.name }}: {}</code> to the <code>plugins</code> list in config
       </p>
 

dashboard/webpack.config.js

@@ -90,7 +90,9 @@ let config = {
                     },
                   }),
                   require('postcss-nesting')(),
-                  require('tailwindcss')(),
+                  require('tailwindcss')({
+                    important: true,
+                  }),
                 ];
 
                 if (process.env.NODE_ENV === "production") {

src/plugins/Automod.ts

@@ -353,7 +353,7 @@ export class AutomodPlugin extends ZeppelinPlugin<TConfigSchema> {
   public static pluginInfo: PluginInfo = {
     prettyName: "Automod",
     description: trimPluginDescription(`
-      This plugin allows you to specify automated actions in response to triggers. Example use cases include word filtering and spam prevention.
+      Allows specifying automated actions in response to triggers. Example use cases include word filtering and spam prevention.
     `),
     configurationGuide: trimPluginDescription(`
       The automod plugin is very customizable. For a full list of available triggers, actions, and their options, see Config schema at the bottom of this page.    

src/plugins/WelcomeMessage.ts

@@ -2,14 +2,14 @@ import { ZeppelinPlugin } from "./ZeppelinPlugin";
 import { decorators as d, IPluginOptions } from "knub";
 import { Member, TextChannel } from "eris";
 import { renderTemplate } from "../templateFormatter";
-import { createChunkedMessage, stripObjectToScalars } from "../utils";
+import { createChunkedMessage, stripObjectToScalars, tNullable } from "../utils";
 import { LogType } from "../data/LogType";
 import { GuildLogs } from "../data/GuildLogs";
 import * as t from "io-ts";
 
 const ConfigSchema = t.type({
   send_dm: t.boolean,
-  send_to_channel: t.string,
+  send_to_channel: tNullable(t.string),
   message: t.string,
 });
 type TConfigSchema = t.TypeOf<typeof ConfigSchema>;