przeq.hosting/client_panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

zmiany w css

Browse Source
This commit is contained in:
przeq piciel
2024-08-23 19:59:45 +00:00
parent d6df9f205a
commit 786204ecc8
4 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/app/layout.tsx
View File

@@ -17,7 +17,10 @@ export default function RootLayout({
return ( return (
<html lang="en"> <html lang="en">
<body className={inter.className}> <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> </body>
</html> </html>
); );

4
app/components/WebConsole/index.tsx
View File

@@ -134,7 +134,7 @@ const Console = () => {
return ( return (
<div className="flex gap-4"> <div className="flex gap-4">
<div className="w-3/5"> <div className="w-4/5">
<div> <div>
<textarea <textarea
className="textarea textarea-bordered text-yellow-200 w-full" className="textarea textarea-bordered text-yellow-200 w-full"
@@ -155,7 +155,7 @@ const Console = () => {
/> />
</div> </div>
</div> </div>
<div className="w-2/5"> <div className="w-1/5">
<Stats <Stats
cpu={cpuStat} cpu={cpuStat}
ramUsage={ramStat} ramUsage={ramStat}

3
app/components/WebConsole/stats.tsx
View File

@@ -61,7 +61,8 @@ const StatsComponent = ({
const minutes = Math.floor((timestamp % (1000 * 60 * 60)) / (1000 * 60)); const minutes = Math.floor((timestamp % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((timestamp % (1000 * 60)) / 1000); 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 ( return (

4
app/tailwind.config.ts
View File

@@ -7,6 +7,10 @@ const config: Config = {
"./app/**/*.{js,ts,jsx,tsx,mdx}", "./app/**/*.{js,ts,jsx,tsx,mdx}",
], ],
theme: { theme: {
container: {
center: true,
padding: '80px',
},
extend: { extend: {
backgroundImage: { backgroundImage: {
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))", "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",