From b7196a34949cafe332a34279e485696393634387 Mon Sep 17 00:00:00 2001
From: Vyacheslav Shcherbinin <gentslava@mail.ru>
Date: Wed, 12 Mar 2025 19:15:10 +0700
Subject: [PATCH 1/2] fix(config): large screens support

---
 apps/dokploy/tailwind.config.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/apps/dokploy/tailwind.config.ts b/apps/dokploy/tailwind.config.ts
index a128b87f..be1f8986 100644
--- a/apps/dokploy/tailwind.config.ts
+++ b/apps/dokploy/tailwind.config.ts
@@ -22,6 +22,9 @@ const config = {
 			fontFamily: {
 				sans: ["var(--font-inter)", ...defaultTheme.fontFamily.sans],
 			},
+			screens: {
+				"3xl": "120rem",
+			},
 			maxWidth: {
 				"2xl": "40rem",
 				"8xl": "85rem",

From 2ace36f035458b5ebaac4c9cf009e7ffbe12a9bd Mon Sep 17 00:00:00 2001
From: Vyacheslav Shcherbinin <gentslava@mail.ru>
Date: Wed, 12 Mar 2025 19:15:56 +0700
Subject: [PATCH 2/2] fix(ui): projects layout for large screen

---
 apps/dokploy/components/dashboard/projects/show.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/dokploy/components/dashboard/projects/show.tsx b/apps/dokploy/components/dashboard/projects/show.tsx
index b3caef7d..f5566143 100644
--- a/apps/dokploy/components/dashboard/projects/show.tsx
+++ b/apps/dokploy/components/dashboard/projects/show.tsx
@@ -115,7 +115,7 @@ export const ShowProjects = () => {
 											</span>
 										</div>
 									)}
-									<div className="w-full  grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 flex-wrap gap-5">
+									<div className="w-full grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 3xl:grid-cols-5 flex-wrap gap-5">
 										{filteredProjects?.map((project) => {
 											const emptyServices =
 												project?.mariadb.length === 0 &&