From b70c90351cbffd6b065b9a5793cb86cb5221316f Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Fri, 3 May 2024 20:50:50 +0200
Subject: [PATCH] styling update

---
 src/App.vue           | 6 +++++-
 src/assets/login.scss | 5 ++---
 src/assets/main.scss  | 1 -
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index b32614d..60fce9c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import Game from '@/components/Game.vue'
 import Login from '@/components/screens/Login.vue'
-import { onMounted, type Ref, ref } from 'vue'
+import { onMounted, onUnmounted, type Ref, ref } from 'vue'
 import SocketioService from '@/services/socketio.service';
 
 const screen:Ref<string> = ref('login');
@@ -15,4 +15,8 @@ const screen:Ref<string> = ref('login');
 onMounted(() => {
   SocketioService.setupSocketConnection();
 });
+
+onUnmounted(() => {
+  SocketioService.disconnect();
+});
 </script>
\ No newline at end of file
diff --git a/src/assets/login.scss b/src/assets/login.scss
index 884eeaa..a0c5ca1 100644
--- a/src/assets/login.scss
+++ b/src/assets/login.scss
@@ -41,7 +41,6 @@
             color: #000;
             background-color: rgba(255, 255, 255, 0.5);
             padding: 0.25rem 0.5rem;
-            font-weight: 600;
             font-size: 0.875rem;
           }
           input {
@@ -64,11 +63,11 @@
       gap: 0.5rem;
 
       .button {
-        padding: 0.875rem 0;
+        padding: 1rem 0;
         min-width: 6.25rem;
         text-align: center;
         position: relative;
-        font-size: 0.875rem;
+        font-size: 0.80rem;
 
         p {
           margin: auto;
diff --git a/src/assets/main.scss b/src/assets/main.scss
index d4e17b1..f2df152 100644
--- a/src/assets/main.scss
+++ b/src/assets/main.scss
@@ -6,7 +6,6 @@
 body {
     -ms-overflow-style: none;
     scrollbar-width: none;
-
     background: black;
 }