feat: 调整样式

2025-11-24 21:29:14 +08:00
parent 7ea114d876
commit 4c20ee73d3
5 changed files with 64 additions and 39 deletions
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -23,7 +23,6 @@ const { siteTitle } = metadata;
  <body>
    <BaseHeader />
    <main>
-      <div class="grid-background"></div>
      <slot />
    </main>
    <BaseFooter />
@@ -40,6 +39,7 @@ const { siteTitle } = metadata;
  body {
    display: flex;
    flex-direction: column;
+    background: #fafafa;
  }

  main {
@@ -47,34 +47,6 @@ const { siteTitle } = metadata;
    max-width: var(--layout-width);
    width: 100%;
    margin: 0 auto;
-    padding: 16px;
-    position: relative;
-  }
-
-  .grid-background {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    width: 100%;
-    height: 100%;
-    z-index: -1;
-    background-color: #ffffff;
-    opacity: 0.3;
-    background-image: linear-gradient(#d7edfb 2px, transparent 2px),
-      linear-gradient(90deg, #d7edfb 2px, transparent 2px),
-      linear-gradient(#d7edfb 1px, transparent 1px),
-      linear-gradient(90deg, #d7edfb 1px, #ffffff 1px);
-    background-size:
-      50px 50px,
-      50px 50px,
-      10px 10px,
-      10px 10px;
-    background-position:
-      -2px -2px,
-      -2px -2px,
-      -1px -1px,
-      -1px -1px;
+    padding: 32px;
  }
 </style>