updates

front/dist/resources/style/style.css

@@ -46,6 +46,7 @@ body .message-info.warning {
     position: relative;
     transition: all 0.2s ease;
     cursor: url('/resources/logos/cursor_pointer.png'), pointer;
+    height: 100%;
 }
 
 .video-container i {

front/src/Phaser/Shaders/OutlinePipeline.ts

@@ -16,6 +16,30 @@ export class OutlinePipeline extends Phaser.Renderer.WebGL.Pipelines.MultiPipeli
         uniform sampler2D uMainSampler;
         uniform vec2 uTextureSize;
 
+        varying vec2 outTexCoord;
+        varying float outTintEffect;
+        varying vec4 outTint;
+
+        void main(void) 
+        {
+          vec4 texture = texture2D(uMainSampler, outTexCoord);
+          vec4 texel = vec4(outTint.rgb * outTint.a, outTint.a);
+          vec4 color = texture;
+
+          if (outTintEffect == 0.0)
+          {
+            color = texture * texel;
+          }
+          else if (outTintEffect == 1.0)
+          {
+            color.rgb = mix(texture.rgb, outTint.rgb * outTint.a, texture.a);
+            color.a = texture.a * texel.a;
+          }
+          else if (outTintEffect == 2.0)
+          {
+            color = texel;
+          }
+
           vec2 onePixel = vec2(1.0, 1.0) / uTextureSize;
           float upAlpha = texture2D(uMainSampler, outTexCoord + vec2(0.0, onePixel.y)).a;
           float leftAlpha = texture2D(uMainSampler, outTexCoord + vec2(-onePixel.x, 0.0)).a;

front/src/Phaser/UserInput/UserInputManager.ts

@@ -173,7 +173,7 @@ export class UserInputManager {
     }
 
     destroy(): void {
-        this.joystick && this.joystick.destroy();
+        this.joystick?.destroy();
     }
 
     private initMouseWheel() {