优化样式

sagoo-cloud · Feb 6, 2024 · c75c0e1 · c75c0e1
1 parent 04631de
commit c75c0e1
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 16 deletions.
diff --git a/src/components/HomepageCharacteristic/index.js b/src/components/HomepageCharacteristic/index.js
@@ -104,13 +104,16 @@ const FeatureList = [
 
 function Feature({Svg, title, description}) {
   return (
-    <div className={clsx('card col col--4')}>
+    <div
+      className={clsx("card col tweetsSection_Fqsy margin--sm")}
+      style={{ minWidth: "30%" }}
+    >
       <div className="{styles.text--center} padding-horiz--md">
         <Heading as="h4">{title}</Heading>
         <p className={styles.details}>{description}</p>
       </div>
     </div>
-  );
+  )
 }
 
 export default function HomepageFeatures() {

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -23,7 +23,7 @@
 
   --ifm-card-background-color: #fff;
   --ifm-card-border-radius: 10px;
-  --ifm-global-shadow-lw: 0 1px 2px 0 rgba(0,0,0,.1);
+  --ifm-global-shadow-lw: 0 1px 2px 0 rgba(0, 0, 0, .1);
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -37,16 +37,14 @@
   --ifm-color-primary-lightest: #4fddbf;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
   --home-color-characteristic-background-color: #1c1e21;
-
-  --ifm-card-background-color: #1c1e21;
-
+  --ifm-card-background-color: #242526;
 }
 
 
-.card{
-  /*background-color: var(--ifm-card-background-color);*/
-  /*border-radius: var(--ifm-card-border-radius);*/
-  /*box-shadow: var(--ifm-global-shadow-lw);*/
+.card {
+  background-color: var(--ifm-card-background-color);
+  border-radius: var(--ifm-card-border-radius);
+  box-shadow: var(--ifm-global-shadow-lw);
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -56,20 +54,24 @@
 }
 
 /* 头部导航LOGO标识 */
-.navbar__title{
+.navbar__title {
   font-size: 20px;
 }
-.hero__title{
+
+.hero__title {
   font-size: 2rem;
 }
-.hero__subtitle{
+
+.hero__subtitle {
   font-size: 1.2rem;
 }
+
 /* 首页中间导航按钮 */
-.buttons_src-pages-index-module{
+.buttons_src-pages-index-module {
   display: flex;
   flex-wrap: wrap;
 }
+
 .button.button--secondary {
   margin-right: 5px;
   border-radius: 20px;
@@ -83,11 +85,11 @@
   margin: 0;
   font-size: 1.5rem;
   width: 500px;
-    height: 260px;
+  height: 260px;
   text-decoration: none;
 }
 
 /* 底部背景颜色设置 */
 .footer--dark {
   --ifm-footer-background-color: #2b3137;
-}
+}