url/checkcle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Server detail page background color

Browse Source 
Ensure consistent background color on server detail and docker pages.
This commit is contained in:
samang-dauth
2025-07-03 17:17:34 +07:00
parent 1113ede9a6
commit d072ba7d23
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
application/src/pages/ContainerMonitoring.tsx
+4 -4
View File
@@ -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}
application/src/pages/ServerDetail.tsx
+6 -6
View File
@@ -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}