x

app/components/WebConsole/index.tsx

@@ -156,54 +156,52 @@ const Console = () => {
 
   return (
     <>
-      <section className="container mx-auto">
-        <div className="flex flex-col gap-4">
-          <div className="flex gap-4">
-            <div className="w-4/5 flex justify-self-auto justify-between items-center">
-              <ServerName serverName="asdf " />
-              <ServerStatus serverStatus={serverStatus} />
-            </div>
-            <div className="w-1/5 flex justify-between">
-              <ServerControl websocketRef={websocketRef} />
-            </div>
+      <div className="flex flex-col gap-4">
+        <div className="flex gap-4">
+          <div className="w-4/5 flex justify-self-auto justify-between items-center">
+            <ServerName serverName="asdf " />
+            <ServerStatus serverStatus={serverStatus} />
           </div>
+          <div className="w-1/5 flex justify-between">
+            <ServerControl websocketRef={websocketRef} />
+          </div>
+        </div>
 
-          <div className="flex gap-4">
-            <div className="w-4/5">
-              <div>
-                <textarea
-                  className="textarea textarea-bordered text-yellow-200 w-full"
-                  ref={textareaRef}
-                  cols={110}
-                  rows={20}
-                  value={output.join("\n")}
-                  readOnly
-                />
-              </div>
-              <div>
-                <input
-                  className="input input-bordered w-full text-yellow-200"
-                  type="text"
-                  value={input}
-                  onChange={(e) => setInput(e.target.value)}
-                  onKeyPress={handleKeyPress}
-                />
-              </div>
+        <div className="flex gap-4">
+          <div className="w-4/5">
+            <div>
+              <textarea
+                className="textarea textarea-bordered text-yellow-200 w-full"
+                ref={textareaRef}
+                cols={110}
+                rows={20}
+                value={output.join("\n")}
+                readOnly
+              />
             </div>
-            <div className="w-1/5">
-              <Stats
-                cpu={cpuStat}
-                ramUsage={ramStat}
-                ramTotal={ramTotal}
-                diskUsage={diskUsage}
-                diskTotal={diskTotal}
-                network={network}
-                uptime={uptime}
+            <div>
+              <input
+                className="input input-bordered w-full text-yellow-200"
+                type="text"
+                value={input}
+                onChange={(e) => setInput(e.target.value)}
+                onKeyPress={handleKeyPress}
               />
             </div>
           </div>
+          <div className="w-1/5">
+            <Stats
+              cpu={cpuStat}
+              ramUsage={ramStat}
+              ramTotal={ramTotal}
+              diskUsage={diskUsage}
+              diskTotal={diskTotal}
+              network={network}
+              uptime={uptime}
+            />
+          </div>
         </div>
-      </section>
+      </div>
     </>
   );
 };