首页样式优化

src/pages/helloMarkdown.md

@@ -1,9 +0,0 @@
----
-title: 我的问候页面标题
-description: 我的问候页面描述
-hide_table_of_contents: true
----
-
-# 你好
-
-今天过得怎么样？

src/pages/index.module.css

@@ -9,12 +9,7 @@
  position: relative;
  overflow: hidden;
  flex: 1;
-}
-
-@media screen and (max-width: 996px) {
- .heroBanner {
- padding: 2rem;
- }
+ background: linear-gradient(to bottom, #3498db, #2ecc71, #f1c40f, #e74c3c, #3498db);
 }
 
 .buttons {
@@ -23,3 +18,13 @@
  justify-content: center;
  gap: 1rem;
 }
+
+@media screen and (max-width: 996px) {
+ .heroBanner {
+ padding: 2rem;
+ }
+
+ .buttons {
+ flex-direction: column;
+ }
+}

src/pages/index.module.min.css

@@ -1 +1 @@
-.heroBanner{padding:4rem 0;text-align:center;position:relative;overflow:hidden;flex:1}@media screen and (max-width:996px){.heroBanner{padding:2rem}}.buttons{display:flex;align-items:center;justify-content:center;gap:1rem}
+.heroBanner{padding:4rem 0;text-align:center;position:relative;overflow:hidden;flex:1;background:linear-gradient(to bottom,#3498db,#2ecc71,#f1c40f,#e74c3c,#3498db)}.buttons{display:flex;align-items:center;justify-content:center;gap:1rem}@media screen and (max-width:996px){.heroBanner{padding:2rem}.buttons{flex-direction:column}}