From c638bfeb21fcda1ab037dd66aa9a851daa17a418 Mon Sep 17 00:00:00 2001 From: Imad Saddik Date: Mon, 15 Dec 2025 22:02:42 +0100 Subject: [PATCH] Updated the MAX_WIDTH_CLASSES constant --- tools/server/webui/src/app.css | 6 +++--- tools/server/webui/src/lib/constants/width-classes.ts | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/tools/server/webui/src/app.css b/tools/server/webui/src/app.css index 0e282824e7..6f35911d5f 100644 --- a/tools/server/webui/src/app.css +++ b/tools/server/webui/src/app.css @@ -114,9 +114,9 @@ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); - --breakpoint-3xl: 120rem; /* 1920px */ - --breakpoint-4xl: 150rem; /* 2400px */ - --breakpoint-5xl: 180rem; /* 2880px */ + --breakpoint-3xl: 120rem; /* 1920px */ + --breakpoint-4xl: 150rem; /* 2400px */ + --breakpoint-5xl: 180rem; /* 2880px */ } @layer base { diff --git a/tools/server/webui/src/lib/constants/width-classes.ts b/tools/server/webui/src/lib/constants/width-classes.ts index 966b0ee894..12cca05d85 100644 --- a/tools/server/webui/src/lib/constants/width-classes.ts +++ b/tools/server/webui/src/lib/constants/width-classes.ts @@ -1,4 +1,4 @@ export const MAX_WIDTH_CLASSES = - 'max-w-[48rem] md:max-w-[60rem] min-[1920px]:max-w-[80rem] min-[2560px]:max-w-[120rem]'; + 'max-w-[48rem] md:max-w-[60rem] xl:max-w-[70rem] 2xl:max-w-[80rem] 3xl:max-w-[90rem] 4xl:max-w-[100rem] 5xl:max-w-[150rem]'; export const DEFAULT_MAX_WIDTH_CLASS = 'max-w-[48rem]';