From 190f9f5f73ccd99d665710f28fe1c6829295c61b Mon Sep 17 00:00:00 2001 From: oxdev03 <140103378+oxdev03@users.noreply.github.com> Date: Sun, 28 Jun 2026 12:31:44 +0200 Subject: [PATCH 1/2] refactor: remove CSS modules in favor of native Mantine components and utility classes --- .../components/layouts/Dashboard.module.css | 8 - .../components/layouts/Dashboard.tsx | 35 ++--- .../components/partials/Head.module.css | 42 ------ apps/dashboard/components/partials/Head.tsx | 78 ++++------ .../components/partials/Nav.module.css | 67 --------- apps/dashboard/components/partials/Nav.tsx | 76 ++++------ .../components/process/ProcessActionRow.tsx | 23 +-- .../components/process/ProcessGitMetric.tsx | 19 ++- .../components/process/ProcessHeader.tsx | 6 +- .../components/process/ProcessItem.tsx | 28 ++-- .../components/process/ProcessLog.tsx | 10 +- .../components/process/ProcessMetric.tsx | 14 +- .../components/process/ProcessMetricRow.tsx | 48 ++++-- .../settings/UpdateConfiguration.module.css | 7 - .../settings/UpdateConfiguration.tsx | 26 ++-- .../components/stats/StatsRing.module.css | 11 -- apps/dashboard/components/stats/StatsRing.tsx | 12 +- .../components/user/table/UserItem.module.css | 3 - .../components/user/table/UserItem.tsx | 4 +- apps/dashboard/pages/_app.tsx | 2 +- apps/dashboard/pages/index.tsx | 141 +++++++++++------- apps/dashboard/pages/settings.tsx | 23 +-- apps/dashboard/pages/user.tsx | 65 +++----- apps/dashboard/styles/index.module.css | 9 -- apps/dashboard/styles/process.module.css | 51 ------- apps/dashboard/styles/user.module.css | 21 --- 26 files changed, 286 insertions(+), 543 deletions(-) delete mode 100644 apps/dashboard/components/layouts/Dashboard.module.css delete mode 100644 apps/dashboard/components/partials/Head.module.css delete mode 100644 apps/dashboard/components/partials/Nav.module.css delete mode 100644 apps/dashboard/components/settings/UpdateConfiguration.module.css delete mode 100644 apps/dashboard/components/stats/StatsRing.module.css delete mode 100644 apps/dashboard/components/user/table/UserItem.module.css delete mode 100644 apps/dashboard/styles/index.module.css delete mode 100644 apps/dashboard/styles/process.module.css delete mode 100644 apps/dashboard/styles/user.module.css diff --git a/apps/dashboard/components/layouts/Dashboard.module.css b/apps/dashboard/components/layouts/Dashboard.module.css deleted file mode 100644 index d71fa47..0000000 --- a/apps/dashboard/components/layouts/Dashboard.module.css +++ /dev/null @@ -1,8 +0,0 @@ -.appShellRoot { - background: light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-9)); -} - -.appShellMain { - display: flex; - flex-direction: column; -} diff --git a/apps/dashboard/components/layouts/Dashboard.tsx b/apps/dashboard/components/layouts/Dashboard.tsx index eb94ea1..e10f50f 100644 --- a/apps/dashboard/components/layouts/Dashboard.tsx +++ b/apps/dashboard/components/layouts/Dashboard.tsx @@ -1,26 +1,27 @@ -import { AppShell } from "@mantine/core"; +import { AppShell, Container } from "@mantine/core"; +import { useDisclosure } from "@mantine/hooks"; import { ReactNode } from "react"; import { Head } from "../partials/Head"; import { Nav } from "../partials/Nav"; -import classes from "./Dashboard.module.css"; export function Dashboard({ children }: { children: ReactNode }) { + const [mobileOpened, { toggle: toggleMobile }] = useDisclosure(); + return ( - <> - - -