From bbf21a3bb10f95c6ab0e1bd171cdfad9ef247d11 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sat, 23 Aug 2025 23:45:30 +0100
Subject: [PATCH] Fixed info page height to work better on diferent clients.

---
 .../Dashboard/Inventory/FilamentStocks/FilamentStockInfo.jsx    | 2 +-
 .../Management/DocumentPrinters/DocumentPrinterInfo.jsx         | 2 +-
 .../Dashboard/Management/DocumentSizes/DocumentSizeInfo.jsx     | 2 +-
 .../Management/DocumentTemplates/DocumentTemplateDesign.jsx     | 2 +-
 .../Management/DocumentTemplates/DocumentTemplateInfo.jsx       | 2 +-
 src/components/Dashboard/Management/Filaments/FilamentInfo.jsx  | 2 +-
 src/components/Dashboard/Management/Hosts/HostInfo.jsx          | 2 +-
 src/components/Dashboard/Management/NoteTypes/NoteTypeInfo.jsx  | 2 +-
 src/components/Dashboard/Management/Parts/PartInfo.jsx          | 2 +-
 src/components/Dashboard/Management/Products/ProductInfo.jsx    | 2 +-
 src/components/Dashboard/Management/Users/UserInfo.jsx          | 2 +-
 src/components/Dashboard/Management/Vendors/VendorInfo.jsx      | 2 +-
 .../Dashboard/Production/GCodeFiles/GCodeFileInfo.jsx           | 2 +-
 src/components/Dashboard/Production/Jobs/JobInfo.jsx            | 2 +-
 src/components/Dashboard/Production/Printers/PrinterInfo.jsx    | 2 +-
 15 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/components/Dashboard/Inventory/FilamentStocks/FilamentStockInfo.jsx b/src/components/Dashboard/Inventory/FilamentStocks/FilamentStockInfo.jsx
index 2d5cce0..0f4b747 100644
--- a/src/components/Dashboard/Inventory/FilamentStocks/FilamentStockInfo.jsx
+++ b/src/components/Dashboard/Inventory/FilamentStocks/FilamentStockInfo.jsx
@@ -66,7 +66,7 @@ const FilamentStockInfo = () => {
       <Flex
         gap='large'
         vertical='true'
-        style={{ height: 'calc(var(--unit-100vh) - 155px)', minHeight: 0 }}
+        style={{ maxHeight: '100%', minHeight: 0 }}
       >
         <Flex justify={'space-between'}>
           <Space size='middle'>
diff --git a/src/components/Dashboard/Management/DocumentPrinters/DocumentPrinterInfo.jsx b/src/components/Dashboard/Management/DocumentPrinters/DocumentPrinterInfo.jsx
index 9a7a250..433e648 100644
--- a/src/components/Dashboard/Management/DocumentPrinters/DocumentPrinterInfo.jsx
+++ b/src/components/Dashboard/Management/DocumentPrinters/DocumentPrinterInfo.jsx
@@ -81,7 +81,7 @@ const DocumentPrinterInfo = () => {
                 gap='large'
                 vertical='true'
                 style={{
-                  height: 'calc(var(--unit-100vh) - 155px)',
+                  maxHeight: '100%',
                   minHeight: 0
                 }}
               >
diff --git a/src/components/Dashboard/Management/DocumentSizes/DocumentSizeInfo.jsx b/src/components/Dashboard/Management/DocumentSizes/DocumentSizeInfo.jsx
index 51cd094..936c9fa 100644
--- a/src/components/Dashboard/Management/DocumentSizes/DocumentSizeInfo.jsx
+++ b/src/components/Dashboard/Management/DocumentSizes/DocumentSizeInfo.jsx
@@ -70,7 +70,7 @@ const DocumentSizeInfo = () => {
       <Flex
         gap='large'
         vertical='true'
-        style={{ height: 'calc(var(--unit-100vh) - 155px)', minHeight: 0 }}
+        style={{ maxHeight: '100%', minHeight: 0 }}
       >
         <Flex justify={'space-between'}>
           <Space size='middle'>
diff --git a/src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateDesign.jsx b/src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateDesign.jsx
index 030ae5b..cf86d1c 100644
--- a/src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateDesign.jsx
+++ b/src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateDesign.jsx
@@ -68,7 +68,7 @@ const DocumentTemplateDesign = () => {
       gap='large'
       vertical='true'
       style={{
-        height: 'calc(var(--unit-100vh) - 155px)',
+        maxHeight: '100%',
         minHeight: 0
       }}
     >
diff --git a/src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateInfo.jsx b/src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateInfo.jsx
index 39e36b4..5c87bc6 100644
--- a/src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateInfo.jsx
+++ b/src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateInfo.jsx
@@ -73,7 +73,7 @@ const DocumentTemplateInfo = () => {
         gap='large'
         vertical='true'
         style={{
-          height: 'calc(var(--unit-100vh) - 155px)',
+          maxHeight: '100%',
           minHeight: 0
         }}
       >
diff --git a/src/components/Dashboard/Management/Filaments/FilamentInfo.jsx b/src/components/Dashboard/Management/Filaments/FilamentInfo.jsx
index ea088e3..34488df 100644
--- a/src/components/Dashboard/Management/Filaments/FilamentInfo.jsx
+++ b/src/components/Dashboard/Management/Filaments/FilamentInfo.jsx
@@ -72,7 +72,7 @@ const FilamentInfo = () => {
         gap='large'
         vertical='true'
         style={{
-          height: 'calc(var(--unit-100vh) - 155px)',
+          maxHeight: '100%',
           minHeight: 0
         }}
       >
diff --git a/src/components/Dashboard/Management/Hosts/HostInfo.jsx b/src/components/Dashboard/Management/Hosts/HostInfo.jsx
index 0bf6f43..96ad36e 100644
--- a/src/components/Dashboard/Management/Hosts/HostInfo.jsx
+++ b/src/components/Dashboard/Management/Hosts/HostInfo.jsx
@@ -74,7 +74,7 @@ const HostInfo = () => {
         gap='large'
         vertical='true'
         style={{
-          height: 'calc(var(--unit-100vh) - 155px)',
+          maxHeight: '100%',
           minHeight: 0
         }}
       >
diff --git a/src/components/Dashboard/Management/NoteTypes/NoteTypeInfo.jsx b/src/components/Dashboard/Management/NoteTypes/NoteTypeInfo.jsx
index bf2e955..14b257c 100644
--- a/src/components/Dashboard/Management/NoteTypes/NoteTypeInfo.jsx
+++ b/src/components/Dashboard/Management/NoteTypes/NoteTypeInfo.jsx
@@ -60,7 +60,7 @@ const NoteTypeInfo = () => {
       <Flex
         gap='large'
         vertical='true'
-        style={{ height: 'calc(var(--unit-100vh) - 155px)', minHeight: 0 }}
+        style={{ maxHeight: '100%', minHeight: 0 }}
       >
         <Flex justify={'space-between'}>
           <Space size='middle'>
diff --git a/src/components/Dashboard/Management/Parts/PartInfo.jsx b/src/components/Dashboard/Management/Parts/PartInfo.jsx
index 3242b90..b7e38c5 100644
--- a/src/components/Dashboard/Management/Parts/PartInfo.jsx
+++ b/src/components/Dashboard/Management/Parts/PartInfo.jsx
@@ -69,7 +69,7 @@ const PartInfo = () => {
       <Flex
         gap='large'
         vertical='true'
-        style={{ height: 'calc(var(--unit-100vh) - 155px)', minHeight: 0 }}
+        style={{ maxHeight: '100%', minHeight: 0 }}
       >
         <Flex justify={'space-between'}>
           <Space size='middle'>
diff --git a/src/components/Dashboard/Management/Products/ProductInfo.jsx b/src/components/Dashboard/Management/Products/ProductInfo.jsx
index 29850e0..93d2b0f 100644
--- a/src/components/Dashboard/Management/Products/ProductInfo.jsx
+++ b/src/components/Dashboard/Management/Products/ProductInfo.jsx
@@ -61,7 +61,7 @@ const ProductInfo = () => {
       <Flex
         gap='large'
         vertical='true'
-        style={{ height: 'calc(var(--unit-100vh) - 155px)', minHeight: 0 }}
+        style={{ maxHeight: '100%', minHeight: 0 }}
       >
         <Flex justify={'space-between'}>
           <Space size='middle'>
diff --git a/src/components/Dashboard/Management/Users/UserInfo.jsx b/src/components/Dashboard/Management/Users/UserInfo.jsx
index c87da07..fa58f24 100644
--- a/src/components/Dashboard/Management/Users/UserInfo.jsx
+++ b/src/components/Dashboard/Management/Users/UserInfo.jsx
@@ -60,7 +60,7 @@ const UserInfo = () => {
       <Flex
         gap='large'
         vertical='true'
-        style={{ height: 'calc(var(--unit-100vh) - 155px)', minHeight: 0 }}
+        style={{ maxHeight: '100%', minHeight: 0 }}
       >
         <Flex justify={'space-between'}>
           <Space size='middle'>
diff --git a/src/components/Dashboard/Management/Vendors/VendorInfo.jsx b/src/components/Dashboard/Management/Vendors/VendorInfo.jsx
index 5d116f1..7dac309 100644
--- a/src/components/Dashboard/Management/Vendors/VendorInfo.jsx
+++ b/src/components/Dashboard/Management/Vendors/VendorInfo.jsx
@@ -68,7 +68,7 @@ const VendorInfo = () => {
       <Flex
         gap='large'
         vertical='true'
-        style={{ height: 'calc(var(--unit-100vh) - 155px)', minHeight: 0 }}
+        style={{ maxHeight: '100%', minHeight: 0 }}
       >
         <Flex justify={'space-between'}>
           <Space size='middle'>
diff --git a/src/components/Dashboard/Production/GCodeFiles/GCodeFileInfo.jsx b/src/components/Dashboard/Production/GCodeFiles/GCodeFileInfo.jsx
index 72ad475..9ffc90f 100644
--- a/src/components/Dashboard/Production/GCodeFiles/GCodeFileInfo.jsx
+++ b/src/components/Dashboard/Production/GCodeFiles/GCodeFileInfo.jsx
@@ -74,7 +74,7 @@ const GCodeFileInfo = () => {
         gap='large'
         vertical='true'
         style={{
-          height: 'calc(var(--unit-100vh) - 155px)',
+          maxHeight: '100%',
           minHeight: 0
         }}
       >
diff --git a/src/components/Dashboard/Production/Jobs/JobInfo.jsx b/src/components/Dashboard/Production/Jobs/JobInfo.jsx
index bc0d379..f74b699 100644
--- a/src/components/Dashboard/Production/Jobs/JobInfo.jsx
+++ b/src/components/Dashboard/Production/Jobs/JobInfo.jsx
@@ -69,7 +69,7 @@ const JobInfo = () => {
         gap='large'
         vertical='true'
         style={{
-          height: 'calc(var(--unit-100vh) - 155px)',
+          maxHeight: '100%',
           minHeight: 0
         }}
       >
diff --git a/src/components/Dashboard/Production/Printers/PrinterInfo.jsx b/src/components/Dashboard/Production/Printers/PrinterInfo.jsx
index 0dc06d1..bc66bb4 100644
--- a/src/components/Dashboard/Production/Printers/PrinterInfo.jsx
+++ b/src/components/Dashboard/Production/Printers/PrinterInfo.jsx
@@ -69,7 +69,7 @@ const PrinterInfo = () => {
         gap='large'
         vertical='true'
         style={{
-          height: 'calc(var(--unit-100vh) - 155px)',
+          maxHeight: '100%',
           minHeight: 0
         }}
       >