make sidebar a bit larger

Author: h908714124

src/main/client/src/feature/game/Game.jsx

@@ -247,7 +247,7 @@ export const Game = () => {
   }
 
   return (
-  <div className="w-[calc(100vw-20rem)]">
+  <div className="w-[calc(100vw-24rem)]">
     <div className="grid justify-center mt-8">
       <canvas ref={canvasRef}
         onMouseLeave={() => {

src/main/client/src/feature/game/GamePanel.jsx

@@ -37,7 +37,7 @@ import {
 export const GamePanel = ({zoom, setZoom}) => {
   return (
     <div className="fixed top-0 right-0 z-1 h-full bg-slate-800 border-l-2 border-slate-700">
-      <div className="w-80 pr-3 pt-4 pl-2 h-full flex flex-col gap-y-1">
+      <div className="w-[24rem] pr-3 pt-4 pl-2 h-full flex flex-col gap-y-1">
         <Panel zoom={zoom} setZoom={setZoom} />
       </div>
     </div>

src/main/client/src/feature/lobby/LobbyPanel.jsx

@@ -14,7 +14,7 @@ import {
 
 export const LobbyPanel = () => {
   return (
-    <div className="fixed top-0 right-0 w-64 h-full bg-slate-800 border-l-2 border-slate-700">
+    <div className="fixed top-0 right-0 w-[24rem] h-full bg-slate-800 border-l-2 border-slate-700">
       <div className="pt-2">
         <Panel />
       </div>