add initial support for tailwindcss (#134)

Add support for and demo using tailwindcss

src/server/ui.js

@@ -3,6 +3,7 @@ export const onOpen = () => {
     .createMenu('My Sample React Project') // edit me!
     .addItem('Sheet Editor', 'openDialog')
     .addItem('Sheet Editor (Bootstrap)', 'openDialogBootstrap')
+    .addItem('Sheet Editor (Tailwind CSS)', 'openDialogTailwindCSS')
     .addItem('About me', 'openAboutSidebar');
 
   menu.addToUi();
@@ -22,6 +23,13 @@ export const openDialogBootstrap = () => {
   SpreadsheetApp.getUi().showModalDialog(html, 'Sheet Editor (Bootstrap)');
 };
 
+export const openDialogTailwindCSS = () => {
+  const html = HtmlService.createHtmlOutputFromFile('dialog-demo-tailwindcss')
+    .setWidth(600)
+    .setHeight(600);
+  SpreadsheetApp.getUi().showModalDialog(html, 'Sheet Editor (Tailwind CSS)');
+};
+
 export const openAboutSidebar = () => {
   const html = HtmlService.createHtmlOutputFromFile('sidebar-about-page');
   SpreadsheetApp.getUi().showSidebar(html);