Merge pull request #147 from netwrix/main

Fixed styling on homepage

Author: jtviolet

docusaurus.config.js

@@ -16,7 +16,7 @@ const config = {
   // Set the production url of your site here
   // Use environment variable for dynamic URL configuration
   projectName: 'docs',
-  url: process.env.APP_EXTERNAL_URL || 'http://localhost:3000',
+  url: process.env.APP_EXTERNAL_URL || 'http://localhost:4500',
   // Set the /<baseUrl>/ pathname under which your site is served
   baseUrl: '/',
 
@@ -33,8 +33,20 @@ const config = {
 
   // Performance optimizations with Docusaurus Faster
   future: {
-    v4: true,
-    experimental_faster: true,
+    experimental_faster: {
+      swcJsLoader: true,
+      swcJsMinimizer: true,
+      swcHtmlMinimizer: true,
+      lightningCssMinimizer: true,
+      rspackBundler: true,
+      rspackPersistentCache: true, // 2-5x faster rebuilds
+      mdxCrossCompilerCache: true,
+      ssgWorkerThreads: true, // 2x faster static generation
+    },
+    v4: {
+      removeLegacyPostBuildHeadAttribute: true, // Required for worker threads
+      // useCssCascadeLayers: true, // Temporarily disabled - may cause style conflicts
+    },
   },
 
   // Even if you don't use internationalization, you can use this field to set

package.json

@@ -5,7 +5,7 @@
   "main": "docusaurus.config.js",
   "scripts": {
     "docusaurus": "npx docusaurus",
-    "start": "npx serve -s build -l 8080",
+    "start": "cross-env NODE_OPTIONS=--max-old-space-size=16384 CHOKIDAR_USEPOLLING=false npx docusaurus start --port=4500 --no-open",
     "build": "NODE_OPTIONS=--max-old-space-size=16384 npx docusaurus build",
     "swizzle": "npx docusaurus swizzle",
     "clear": "npx docusaurus clear",

src/components/CommunityShowcase/index.js

@@ -209,7 +209,7 @@ function CommunityShowcase() {
 
           <CommunityCard title="Product Updates" icon="📢">
             {announcements.length > 0 ? (
-              announcements.map((topic, idx) => <TopicItem key={idx} topic={topic} /)
+              announcements.map((topic, idx) => <TopicItem key={idx} topic={topic} />)
             ) : (
               <p className={styles.emptyState}>No recent announcements</p>
             )}
@@ -232,4 +232,4 @@ function CommunityShowcase() {
   );
 }
 
-export default CommunityShowcase;
+export default CommunityShowcase;

src/components/CommunityShowcase/styles.module.css

@@ -274,4 +274,4 @@
     flex-wrap: wrap;
     gap: 0.5rem;
   }
-}
+}

src/components/HomepageFeatures/styles.module.css

@@ -153,7 +153,7 @@
   justify-content: center;
   padding: 4px 8px;
   background: var(--ifm-color-primary-light);
-  color: white;
+  color: white !important;
   font-size: 0.75rem;
   font-weight: 500;
   border-radius: 6px;
@@ -165,7 +165,7 @@
 
 .versionBadge:hover {
   background: var(--ifm-color-primary);
-  color: white;
+  color: white !important;
   text-decoration: none;
   transform: scale(1.05);
 }
@@ -177,7 +177,7 @@
 
 .latestBadge:hover {
   background: var(--ifm-color-success-dark);
-  color: white;
+  color: white !important;
 }
 
 [data-theme='dark'] .versionBadge {
@@ -187,7 +187,7 @@
 
 [data-theme='dark'] .versionBadge:hover {
   background: var(--ifm-color-primary);
-  color: white;
+  color: white !important;
 }
 
 [data-theme='dark'] .latestBadge {
@@ -197,7 +197,7 @@
 
 [data-theme='dark'] .latestBadge:hover {
   background: var(--ifm-color-success);
-  color: white;
+  color: white !important;
 }
 
 /* Dark mode color improvements */