From 786204ecc838e2f7dfbcec9cab628b8d32a3140b Mon Sep 17 00:00:00 2001
From: przeq piciel <przeqpiciel@gmail.com>
Date: Fri, 23 Aug 2024 19:59:45 +0000
Subject: [PATCH] zmiany w css

---
 app/app/layout.tsx                  | 5 ++++-
 app/components/WebConsole/index.tsx | 4 ++--
 app/components/WebConsole/stats.tsx | 3 ++-
 app/tailwind.config.ts              | 4 ++++
 4 files changed, 12 insertions(+), 4 deletions(-)
diff --git a/app/app/layout.tsx b/app/app/layout.tsx
index 30285c9..e1402be 100644
--- a/app/app/layout.tsx
+++ b/app/app/layout.tsx
@@ -17,7 +17,10 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body className={inter.className}>
-        <div className="py-8 px-64">{children}</div>
+        <header className="py-4">
+          <h1 className="text-4xl font-bold"></h1>
+        </header>
+        <div className="container">{children}</div>
       </body>
     </html>
   );
diff --git a/app/components/WebConsole/index.tsx b/app/components/WebConsole/index.tsx
index e7e0119..05694e8 100644
--- a/app/components/WebConsole/index.tsx
+++ b/app/components/WebConsole/index.tsx
@@ -134,7 +134,7 @@ const Console = () => {
 
   return (
     <div className="flex gap-4">
-      <div className="w-3/5">
+      <div className="w-4/5">
         <div>
           <textarea
             className="textarea textarea-bordered text-yellow-200 w-full"
@@ -155,7 +155,7 @@ const Console = () => {
           />
         </div>
       </div>
-      <div className="w-2/5">
+      <div className="w-1/5">
         <Stats
           cpu={cpuStat}
           ramUsage={ramStat}
diff --git a/app/components/WebConsole/stats.tsx b/app/components/WebConsole/stats.tsx
index 305df88..50d98f6 100644
--- a/app/components/WebConsole/stats.tsx
+++ b/app/components/WebConsole/stats.tsx
@@ -61,7 +61,8 @@ const StatsComponent = ({
     const minutes = Math.floor((timestamp % (1000 * 60 * 60)) / (1000 * 60));
     const seconds = Math.floor((timestamp % (1000 * 60)) / 1000);
 
-    return `${days}d ${hours}h ${minutes}m ${seconds}s`;
+    return `${days}d ${hours}h ${minutes}m`;
+    // return `${days}d ${hours}h ${minutes}m ${seconds}s`;
   };
 
   return (
diff --git a/app/tailwind.config.ts b/app/tailwind.config.ts
index a06672a..3075214 100644
--- a/app/tailwind.config.ts
+++ b/app/tailwind.config.ts
@@ -7,6 +7,10 @@ const config: Config = {
     "./app/**/*.{js,ts,jsx,tsx,mdx}",
   ],
   theme: {
+    container: {  
+      center: true,
+      padding: '80px',
+    },
     extend: {
       backgroundImage: {
         "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
