From d072ba7d23be495e27730c399c64cb384f47e881 Mon Sep 17 00:00:00 2001
From: samang-dauth <samangdauth@gmail.com>
Date: Thu, 3 Jul 2025 17:17:34 +0700
Subject: [PATCH] Fix: Server detail page background color Ensure consistent
 background color on server detail and docker pages.

---
 application/src/pages/ContainerMonitoring.tsx |  8 ++++----
 application/src/pages/ServerDetail.tsx        | 12 ++++++------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/application/src/pages/ContainerMonitoring.tsx b/application/src/pages/ContainerMonitoring.tsx
index 8e760e2..c302806 100644
--- a/application/src/pages/ContainerMonitoring.tsx
+++ b/application/src/pages/ContainerMonitoring.tsx
@@ -74,9 +74,9 @@ const ContainerMonitoring = () => {
   if (error) {
     console.error('Container monitoring error:', error);
     return (
-      <div className={`min-h-screen flex ${theme === 'dark' ? 'bg-[#0a0a0a] text-white' : 'bg-gray-50 text-gray-900'}`}>
+      <div className="flex h-screen overflow-hidden bg-background text-foreground">
         <Sidebar collapsed={sidebarCollapsed} />
-        <div className="flex-1 flex flex-col min-w-0">
+        <div className="flex flex-col flex-1">
           <Header 
             currentUser={currentUser} 
             onLogout={handleLogout} 
@@ -108,9 +108,9 @@ const ContainerMonitoring = () => {
   }
 
   return (
-    <div className={`min-h-screen flex ${theme === 'dark' ? 'bg-[#0a0a0a] text-white' : 'bg-gray-50 text-gray-900'}`}>
+    <div className="flex h-screen overflow-hidden bg-background text-foreground">
       <Sidebar collapsed={sidebarCollapsed} />
-      <div className="flex-1 flex flex-col min-w-0">
+      <div className="flex flex-col flex-1">
         <Header 
           currentUser={currentUser} 
           onLogout={handleLogout} 
diff --git a/application/src/pages/ServerDetail.tsx b/application/src/pages/ServerDetail.tsx
index 4727e84..4e7fdd1 100644
--- a/application/src/pages/ServerDetail.tsx
+++ b/application/src/pages/ServerDetail.tsx
@@ -47,9 +47,9 @@ const ServerDetail = () => {
   if (serverError) {
     console.error('Server detail error:', serverError);
     return (
-      <div className={`min-h-screen flex ${theme === 'dark' ? 'bg-[#0a0a0a] text-white' : 'bg-gray-50 text-gray-900'}`}>
+      <div className="flex h-screen overflow-hidden bg-background text-foreground">
         <Sidebar collapsed={sidebarCollapsed} />
-        <div className="flex-1 flex flex-col min-w-0">
+        <div className="flex flex-col flex-1">
           <Header 
             currentUser={currentUser} 
             onLogout={handleLogout} 
@@ -77,9 +77,9 @@ const ServerDetail = () => {
 
   if (serverLoading) {
     return (
-      <div className={`min-h-screen flex ${theme === 'dark' ? 'bg-[#0a0a0a] text-white' : 'bg-gray-50 text-gray-900'}`}>
+      <div className="flex h-screen overflow-hidden bg-background text-foreground">
         <Sidebar collapsed={sidebarCollapsed} />
-        <div className="flex-1 flex flex-col min-w-0">
+        <div className="flex flex-col flex-1">
           <Header 
             currentUser={currentUser} 
             onLogout={handleLogout} 
@@ -98,9 +98,9 @@ const ServerDetail = () => {
   }
 
   return (
-    <div className={`min-h-screen flex ${theme === 'dark' ? 'bg-[#0a0a0a] text-white' : 'bg-gray-50 text-gray-900'}`}>
+    <div className="flex h-screen overflow-hidden bg-background text-foreground">
       <Sidebar collapsed={sidebarCollapsed} />
-      <div className="flex-1 flex flex-col min-w-0">
+      <div className="flex flex-col flex-1">
         <Header 
           currentUser={currentUser} 
           onLogout={handleLogout}