Fix spinners, change socket emit names

Author: DaneEveritt

resources/assets/scripts/components/server/Server.vue

@@ -129,15 +129,15 @@
             },
 
             _socket_error: function (err) {
-                this.$emit('socket-error', {err});
+                this.$emit('socket::error', {err});
             },
 
             _socket_connect: function () {
-                this.$emit('socket-connected');
+                this.$emit('socket::connected');
             },
 
             _socket_status: function (data) {
-                this.$emit('socket-status', {data});
+                this.$emit('socket::status', {data});
             },
 
             _socket_serverLog: function (data) {

resources/assets/scripts/components/server/subpages/ConsolePage.vue

@@ -39,7 +39,7 @@
          * logs from the server to populate into the terminal.
          */
         mounted: function () {
-            this.$parent.$on('socket-connected', () => {
+            this.$parent.$on('socket::connected', () => {
                 this.terminal.open(this.$refs.terminal);
                 this.terminal.fit();
                 this.terminal.clear();
@@ -52,7 +52,7 @@
                 this.terminal.writeln(data);
             });
 
-            this.$parent.$on('socket-status', s => {
+            this.$parent.$on('socket::status', s => {
                 if (s === Status.STATUS_OFF) {
                     this.loadingConsole = false;
                 }

resources/assets/styles/components/spinners.css

@@ -1,8 +1,10 @@
 .spinner {
-  color: transparent;
+  @apply .h-4 .relative .bg-transparent;
   pointer-events: none;
-  position: relative;
-  @apply .h-16;
+
+  &.spinner-xl {
+    @apply .h-16;
+  }
 
   &:after {
     @apply .border-2 .border-grey-light .absolute .block .h-4 .w-4 .rounded-full;