From 7989643531021ead3b60c3a551e43596b8bbb000 Mon Sep 17 00:00:00 2001
From: vvandenb <vvandenb12@gmail.com>
Date: Mon, 13 Mar 2023 16:07:20 +0100
Subject: [PATCH] * Even more responsive!

---
 front/volume/src/components/NavBar.svelte             | 2 ++
 front/volume/src/components/Pong/GameComponent.svelte | 3 ++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/front/volume/src/components/NavBar.svelte b/front/volume/src/components/NavBar.svelte
index ecc2b87..15a5cbd 100644
--- a/front/volume/src/components/NavBar.svelte
+++ b/front/volume/src/components/NavBar.svelte
@@ -82,6 +82,7 @@
     align-items: center;
     background-color: #f5f5f5;
     padding: 1rem;
+    max-height: 5vh;
   }
 
   .navigation-bar ul {
@@ -118,6 +119,7 @@
       flex-direction: column;
       align-items: stretch;
       padding: 0;
+      max-height: none;
     }
 
     .navigation-bar ul {
diff --git a/front/volume/src/components/Pong/GameComponent.svelte b/front/volume/src/components/Pong/GameComponent.svelte
index 5b22638..883ff5e 100644
--- a/front/volume/src/components/Pong/GameComponent.svelte
+++ b/front/volume/src/components/Pong/GameComponent.svelte
@@ -49,8 +49,8 @@
   }
 
   .renderCanvas {
-    max-width: 60vw;
     width: 100%;
+    max-height: 70vh;
     height: auto;
     padding-left: 0;
     padding-right: 0;
@@ -58,5 +58,6 @@
     margin-right: auto;
     display: block;
     touch-action: none;
+    object-fit: contain;
   }
 </style>