Merge branch 'feature-ui'

README.md

@@ -43,4 +43,5 @@ The right pane is made up of the inputs to define the look and behaviour of a "b
 - Action - the action to run for that type.
 - Choose icon - choose the icon to be the background image for that "button" on that page.
 - Remove icon - remove the icon from the "button".
+- Text - Set the text to be superimposed over the image, if no image is specified, it will just display the text
 - Save - saves the button's config to the streamdeck.

gulpfile.js

@@ -0,0 +1,16 @@
+const gulp = require('gulp');
+
+gulp.task('css', () => {
+    const postcss = require('gulp-postcss');
+
+    return gulp.src('resources/css/app.css')
+        .pipe(postcss([
+            require('tailwindcss')('./tailwind.config.js'),
+            require('autoprefixer'),
+        ]))
+        .pipe(gulp.dest('webroot/css'))
+});
+
+gulp.task('watch', () => {
+    gulp.watch('resources/**/*.css', gulp.parallel(['css']));
+});

index.js

@@ -1,3 +1,6 @@
+// Auto reloading
+require('electron-reload')(__dirname);
+
 const {app, BrowserWindow, ipcMain} = require("electron");
 const dbus = new (require("./dbus.js"))();
 
@@ -10,12 +13,15 @@ function createWindow () {
     mainWindow = new BrowserWindow({
         width: 1280,
         height: 720,
+        frame: true,
+        transparent: true,
+       // titleBarStyle: 'hidden',
         webPreferences: {
             nodeIntegration: true
         }
     });
 
-    mainWindow.setMenu(null);
+  //  mainWindow.setMenu(null);
 
     mainWindow.loadFile("./webroot/index.html");