increased column in 4k display

ohcnetwork · Nov 7, 2024 · fc9e129 · fc9e129
1 parent 596b0da
commit fc9e129
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Facility/CentralNursingStation.tsx b/src/components/Facility/CentralNursingStation.tsx
@@ -219,7 +219,7 @@ export default function CentralNursingStation({ facilityId }: Props) {
           {t("no_vitals_present")}
         </div>
       ) : (
-        <div className="mt-1 grid grid-cols-1 gap-1 lg:grid-cols-2 largedisplay:grid-cols-3 fourk:grid-cols-4">
+        <div className="mt-1 grid grid-cols-1 gap-1 lg:grid-cols-2 largedisplay:grid-cols-3 fourk:grid-cols-6">
           {data.map((props, i) => (
             <div className="overflow-hidden text-clip" key={i}>
               <HL7PatientVitalsMonitor

diff --git a/src/hooks/useBreakpoints.ts b/src/hooks/useBreakpoints.ts
@@ -18,8 +18,8 @@ const BREAKPOINT_WIDTH: Record<Breakpoints, number> = {
   xl: 1280,
   "2xl": 1536,
   "3xl": 1920,
-  fourK: 2080,
-  largedisplay: 2800,
+  largedisplay: 2080,
+  fourK: 3000,
 };
 
 /**

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -23,7 +23,7 @@ module.exports = {
     extend: {
       screens: {
         largedisplay: "130rem",
-        fourk: "175rem", // rem is used insted of pixel
+        fourk: "187rem", // rem is used insted of pixel
       },
       fontFamily: {
         sans: ["Figtree", "sans-serif"],