Updates

src/components/pages/auth/login/(partials)/login-form.tsx

@@ -0,0 +1,5 @@
+import Stack from "@/twui/components/layout/Stack";
+
+export default function LoginForm() {
+    return <Stack></Stack>;
+}

src/components/pages/auth/login/index.tsx

@@ -1,11 +1,13 @@
-import { Box, Card, Heading } from "@radix-ui/themes";
+import Paper from "@/twui/components/elements/Paper";
+import H2 from "@/twui/components/layout/H2";
+import Stack from "@/twui/components/layout/Stack";
 
 export default function Main() {
     return (
-        <Card>
-            <Box>
-                <Heading size={"5"}>Home</Heading>
-            </Box>
-        </Card>
+        <Paper>
+            <Stack>
+                <H2>Home</H2>
+            </Stack>
+        </Paper>
     );
 }

src/components/pages/home/index.tsx

@@ -1,11 +1,21 @@
-import { Box, Card, Heading } from "@radix-ui/themes";
+import Stack from "@/twui/components/layout/Stack";
+import LoginForm from "../auth/login/(partials)/login-form";
+import H2 from "@/twui/components/layout/H2";
+import Section from "@/twui/components/layout/Section";
+import Container from "@/twui/components/layout/Container";
+import Center from "@/twui/components/layout/Center";
 
 export default function Main() {
     return (
-        <Card className="max-w-4xl w-full xl:p-8">
-            <Box>
-                <Heading size={"5"}>Login</Heading>
-            </Box>
-        </Card>
+        <Section className="w-full h-full">
+            <Container className="w-full h-full">
+                <Center>
+                    <Stack className="flex-col" gap={"5"}>
+                        <H2>Welcome</H2>
+                        <LoginForm />
+                    </Stack>
+                </Center>
+            </Container>
+        </Section>
     );
 }

src/cron/functions/check-services.ts

@@ -1,4 +1,4 @@
-import grabTurboCiConfig from "@/utils/grab-turboci-config";
+import grabTurboCiConfig from "@/src/utils/grab-turboci-config";
 
 export default async function cronCheckServices() {
     const config = grabTurboCiConfig();

src/cron/index.ts

@@ -1,4 +1,4 @@
-import { AppData } from "@/data/app-data";
+import { AppData } from "@/src/data/app-data";
 import cronCheckServices from "./functions/check-services";
 
 while (true) {

src/layouts/login/index.tsx

@@ -1,14 +1,13 @@
-import { Box, Container, Section } from "@radix-ui/themes";
+import Center from "@/twui/components/layout/Center";
+import Main from "@/twui/components/layout/Main";
 import { PropsWithChildren } from "react";
 
 type Props = PropsWithChildren & {};
 
 export default function Layout({ children }: Props) {
     return (
-        <Section className="w-screen h-screen flex flex-col items-center justify-center">
-            <Container className="flex flex-col items-center justify-center">
-                <Box>{children}</Box>
-            </Container>
-        </Section>
+        <Main className="w-screen h-screen overflow-hidden">
+            <Center>{children}</Center>
+        </Main>
     );
 }

src/pages/_app.tsx

@@ -1,13 +1,7 @@
-import "@/styles/globals.css";
-import "@radix-ui/themes/styles.css";
+import "@/src/styles/globals.css";
 
 import type { AppProps } from "next/app";
-import { Theme } from "@radix-ui/themes";
 
 export default function App({ Component, pageProps }: AppProps) {
-    return (
-        <Theme>
-            <Component {...pageProps} />
-        </Theme>
-    );
+    return <Component {...pageProps} />;
 }

src/pages/auth/login.tsx

@@ -1,5 +1,5 @@
-import Main from "@/components/pages/auth/login";
-import Layout from "@/layouts/login";
+import Main from "@/src/components/pages/auth/login";
+import Layout from "@/src/layouts/login";
 
 export default function LoginPage() {
     return (

src/pages/index.tsx

@@ -1,6 +1,5 @@
-import Main from "@/components/pages/home";
-import Layout from "@/layouts/login";
-import { Heading } from "@radix-ui/themes";
+import Main from "@/src/components/pages/home";
+import Layout from "@/src/layouts/login";
 
 export default function Home() {
     return (

src/styles/globals.css

@@ -1,26 +1,13 @@
-@import "tailwindcss";
-
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
-}
+@import "../../twui/components/base.css";
 
 @theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
+    --breakpoint-xs: 350px;
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
+    --color-background-light: #ffffff;
+    --color-foreground-light: #171717;
+    --color-background-dark: #0c0e11;
+    --color-foreground-dark: #ededed;
 
-body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+    --color-price: #16946a;
+    --color-price-dark: #77ceb1;
 }

src/utils/grab-ttyd-cmd.ts

@@ -1,3 +1,5 @@
+import { AppData } from "../data/app-data";
+
 type Params = {
     cmd: string;
     cwd?: string;

src/utils/grab-turboci-config.ts

@@ -1,6 +1,6 @@
 import fs from "fs";
 import grabDirNames from "./grab-dir-names";
-import { TCIGlobalConfig } from "@/types";
+import { TCIGlobalConfig } from "@/src/types";
 
 export default function grabTurboCiConfig() {
     const { TURBOCI_CONFIG_JSON_FILE } = grabDirNames();