fix: fix css dark theme build error

cslant · Oct 25, 2024 · 7c8f70c · 7c8f70c
1 parent b3970ec
commit 7c8f70c
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 14 deletions.
diff --git a/repos/laravel-like-docs b/repos/laravel-like-docs
diff --git a/src/components/HomepageFeatures/index.tsx b/src/components/HomepageFeatures/index.tsx
@@ -78,7 +78,7 @@ export default function HomepageFeatures(): JSX.Element {
   return (
     <section className={styles.features}>
       <div className={`container`}>
-        <div className={`${styles.main_docs__flex_container}`}>
+        <div className={styles.main_docs__grid_container}>
           {FeatureList.map((props, idx) => (
             <Feature key={idx} {...props} />
           ))}

diff --git a/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css
@@ -26,21 +26,17 @@
   transition: all 0.5s;
   background: #fff;
 }
-[data-theme="dark"] {
-  .main_docs__features {
-    background: #444950;
-  }
-}
 
-/*.main_docs__features:hover {*/
-/*  scale: 1.1;*/
-/*}*/
+[data-theme="dark"] .main_docs__features {
+  background: #444950;
+}
 
-.main_docs__flex_container {
+.main_docs__grid_container {
   gap: 15px;
   display: grid;
   grid-template-columns: 1fr  1fr  1fr;
 }
+
 .main_docs__content_block {
   display: flex;
   flex-direction: column;
@@ -50,18 +46,19 @@
 }
 
 @media only screen and (max-width: 1279.98px) {
-  .main_docs__flex_container {
+  .main_docs__grid_container {
     grid-template-columns: 1fr  1fr;
   }
 }
 
 @media only screen and (max-width: 767.98px) {
-  .main_docs__flex_container {
+  .main_docs__grid_container {
     grid-template-columns: 1fr 1fr;
   }
 }
+
 @media only screen and (max-width: 575.98px) {
-  .main_docs__flex_container {
+  .main_docs__grid_container {
     grid-template-columns: 1fr;
   }
 }