zmiany w css

2024-08-23 19:59:45 +00:00
parent d6df9f205a
commit 786204ecc8
4 changed files with 12 additions and 4 deletions
--- 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>
  );
--- 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}
--- 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 (
--- 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))",