Refactor code structure for improved readability and maintainability

2025-06-02 12:51:13 +03:30
parent ec0fed8bb1
commit 95b6c71b7c
6 changed files with 107 additions and 22 deletions
@@ -69,30 +69,36 @@
  --gray-300: #81848A;
  --gray-400: #777;
  --gray-500: #222;
+  --white: #FFFFFF;
+  --black: #000000;
+  --transparent: transparent;
+}

-  .dark{
-    --primary: #FA003F;
-    --secondary: #7C3AED;
-    --textColorLight: #FA003F;
-    --textColorGray: #FA003F;
-    --bgPrimary: #FA003F;
-    --gray-100: #EBEBEB;
-    --gray-200: #F5F5F5;
-    --gray-300: #81848A;
-    --gray-400: #777;
-    --gray-500: #222;
-  }
+.dark{
+  --primary: #FA003F;
+  --secondary: #7C3AED;
+  --textColorLight: #FA003F;
+  --textColorGray: #FA003F;
+  --bgPrimary: #FA003F;
+  --gray-100: #EBEBEB;
+  --gray-200: #F5F5F5;
+  --gray-300: #81848A;
+  --gray-400: #777;
+  --gray-500: #222;
 }

@theme inline {
-  --color-primary: var(--primary-default);
-  --color-secondary: var(--secondary-default);
-  --color-text-light: var(--textColorLight-default);
-  --color-text-gray: var(--textColorGray-default);
-  --color-bg-primary: var(--bgPrimary-default);
+  --color-primary: var(--primary);
+  --color-secondary: var(--secondary);
+  --color-text-light: var(--textColorLight);
+  --color-text-gray: var(--textColorGray);
+  --color-bg-primary: var(--bgPrimary);
  --color-gray-100: var(--gray-100);
  --color-gray-200: var(--gray-200);
  --color-gray-300: var(--gray-300);
  --color-gray-400: var(--gray-400);
  --color-gray-500: var(--gray-500);
+  --color-white: var(--white);
+  --color-black: var(--black);
+  --color-transparent: var(--transparent);
 }
@@ -1,5 +1,3 @@
-'use client'
-import type { Metadata } from 'next';
 import './globals.css';
 import { cookies } from 'next/headers';

@@ -18,7 +16,7 @@ export default async function RootLayout({

  return (
    <html lang={locale} dir={locale === 'fa' ? 'rtl' : 'ltr'}>
-      <body>{children}</body>
+      <body className="min-h-svh w-full overflow-x-hidden">{children}</body>
    </html>
  );
 }
@@ -10,7 +10,7 @@ export default async function Home() {
  const data = await getData();

  return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24 text-gray-300">
+    <main className="flex flex-col items-center justify-between">
      <Header />
    </main>
  );