Fix sidebar's color (asyncapi#990)

Co-authored-by: Prince Rajpoot <[email protected]>%0ACo-authored-by: samz <[email protected]>
KhudaDad414 · Mar 26, 2024 · a04a005 · a04a005
1 parent 791dec5
commit a04a005
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/studio/src/components/Navigation.tsx b/apps/studio/src/components/Navigation.tsx
@@ -283,11 +283,11 @@ export const Navigation: React.FunctionComponent<NavigationProps> = ({
 
   if (!rawSpec || !document) {
     return (
-      <div className="flex flex-1 overflow-hidden h-full justify-center items-center text-2xl mx-auto px-6 text-center" style={{ backgroundColor: 'black' }}>
+      <div className="flex flex-1 overflow-hidden h-full justify-center items-center text-2xl mx-auto px-6 text-center bg-gray-800">
         {loading ?(
           <div className="rotating-wheel"></div>
         ) : (
-          <p style={{ color: 'white' }}>Empty or invalid document. Please fix errors/define AsyncAPI document.</p>
+          <p className='text-white'>Empty or invalid document. Please fix errors/define AsyncAPI document.</p>
         )
         }
       </div>